第六章 盒子模型
border 边框
border-color
:边框颜色
border-width
:边框粗细
border-style
:边框样式
solid 实线 dashed虚线 dotted 点式 double 双框
同时设置边框的颜色·粗细·样式:border:1px solid #3a6587
margin 外边距
网页居中对齐 margin:auto;
padding 内边距
box-sizing:
border-radius
border-radius 属性是一个简写属性,用于设置四个 border-*-radius 属性。
提示:该属性允许您为元素添加圆角边框!
使用border-radius设置一个圆
元素的宽度和高度必须相同
圆角的半径为元素宽度的一半,或者直接设置圆角半径值为50%
div{
width: 100px;
height: 100px;
border: 4px solid red;
border-radius: 50%;
}