html5学习日志04

h5 盒子模型

边框

border-color

border-width

border-style

边框粗细

border-width
thin
medium
thick

边框样式

border-style
none
hidden
dotted
dashed
solid
double

同时设置边框的颜色、粗细和样式

外边距

margin
margin-top
margin-right
margin-bottom
margin-left
margin

网页居中对齐

内边距

padding
padding-left
padding-right
padding-top
padding-bottom
padding

盒子型模的尺寸

box-sizing

注意浏览器的兼容性

圆角边框

使用border-radius制作特殊图形

圆形
利用border-radius属性制作圆形的两个要点
元素的宽度和高度必须相同
圆角的半径为元素宽度的一半，或者直接设置圆角半径值为50%

盒子阴影

注意浏览器兼容性