日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后，達者為師

網站首頁 編程語言 正文

CSS 輪廓（outline）/CSS margin(外邊距)/CSS padding（填充）

作者：藍桉? 更新時間： 2022-07-16 編程語言

所有CSS 輪廓（outline）屬性

?CSS?margin(外邊距)

margin

margin 清除周圍的（外邊框）元素區域。margin 沒有背景顏色，是完全透明的。

margin 可以單獨改變元素的上，下，左，右邊距，也可以一次改變所有的屬性。

?可能的值

?Margin - 單邊外邊距屬性

?實例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<style>
p
{
	background-color:yellow;
}
p.margin
{
	margin-top:100px;
	margin-bottom:100px;
	margin-right:50px;
	margin-left:50px;
}
</style>
</head>

<body>
<p>這是一個沒有指定邊距大小的段落。</p>
<p class="margin">這是一個指定邊距大小的段落。</p>
</body>

</html>

Margin - 簡寫屬性：

margin:100px 50px;

所有的CSS邊距屬性

?CSS?padding（填充）

?當元素的 padding（填充）內邊距被清除時，所釋放的區域將會受到元素背景顏色的填充。

單獨使用 padding 屬性可以改變上下左右的填充。

填充- 單邊內邊距屬性

在CSS中，它可以指定不同的側面不同的填充：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title>
<style>
p
{
	background-color:yellow;
}
p.padding
{
	padding-top:25px;
	padding-bottom:25px;
	padding-right:50px;
	padding-left:50px;
}
</style>
</head>

<body>
<p>這是一個沒有指定填充邊距的段落。</p>
<p class="padding">這是一個指定填充邊距的段落。</p>
</body>

</html>

所有的CSS填充屬性

原文鏈接：https://blog.csdn.net/qq_51201134/article/details/125811057

欄目分類
最近更新