內邊距:padding
外邊距:margin
盒子居中對齊:
margin:0 auto;
box-sizing:border-box; /*限定盒子的寬度不受padding和margin影響*/
盒子陰影:
box-shadow:0 0 2px #ccc;
/*水平位置 垂直位置 模糊距離 陰影顏色*/
border:1px solid red; /*border:邊框大小(1px) 線(實線) 顏色(紅色)*/
border-bottom: /*下邊框*/
border-top: /*上邊框*/
border-left: /*左邊框*/
border-right: /*右邊框*/
去除邊框:
border:0;
合併相鄰邊框:
border-collapse:collapse;
圓角邊框:
border-radius:50%; /*形成乙個圓*/
邊框盒子模型
邊框就是環繞在標籤寬度和高度周圍的線條 borde width 上 右 下 左 borde style 上 右 下 左 borde color 上 右 下 左 注意點 這三個屬性的取值是按照順時針來賦值的,也就是按照上右下左來賦值,額不是按照日常生活中的上下左右 這三個屬性的取值省略時規律 上右下左...
css盒子模型 邊框邊距
border style dashed 邊框線為虛線 border style solid 邊框線為實線 例 box shadow 10px 10px 10px pink box shadow 水平 垂直 模糊度 顏色 盒子陰影的引數 1 水平 2 垂直 3 模糊度 4 陰影尺寸 5 陰影顏色 6 ...
盒子模型與怪異盒子模型
所有html元素可以看作盒子,在css中,box model 這一術語是用來設計和布局時使用。css盒模型本質上是乙個盒子,封裝周圍的html元素,它包括 邊距,邊框,填充,和實際內容。盒模型允許我們在其它元素和周圍元素邊框之間的空間放置元素。下面的說明了盒子模型 box model content...