盒子

盒子

边框
border-top-color
上边框颜色
border-top-color:#369;
border-right-color
右边框颜色
border-right-color:#369; border-bottom-color
下边框颜色
border-bottom-color:#fae45b;
border-left-color
左边框颜色
border-left-color:#efcd56;
border-color
四个边框为同一颜色
border-color:#eeff34;
上、下边框颜色：#369
左、右边框颜色：#000
border-color:#369 #000;上边框颜色：#369
左、右边框颜色：#000
下边框颜色：#f00
border-color:#369 #000 #f00
;上、右、下、左边框颜色：
#369、#000、#f00、#00f
border-color:#369 #000 #f00 #00f
边框粗细
border-width
thin
medium
thick
边框样式
border-style
none
hidden
dotted
dashed
solid
double
边框简写border:1px solid #3a6587;
border: 1px dashed red;
外边距
margin
margin-top
margin-right
margin-bottom
margin-left
margin
网页居中对齐margin:0px auto;
内边距
padding
padding-left
padding-right
padding-top
padding-bottom
padding
盒子阴影
box-shadow:inset x-offset y-offset blur-radius color;
圆角边框
border-radius: 20px 10px 50px 30px;顺时针排列
设置圆形元素的宽度和高度必须相同
圆角的半径为元素宽度的一半，或者直接设置圆角半径值为50%一个值表示四个角两个值表示对角线三个值表示左上对角右下