css盒子模型中的border属性
认识border属性 我们可以通过boder属性来为元素设置边框； 元素的边框 (border) 是围绕元素内容和内边距的一条或多条线。 CSS border 属性允许你规定元素边框的样式、宽度和颜色。 值得注意的一点是：为元素设置边框时必须指定三个样式(边框的样式，宽度，颜色)，三者缺一不可。 每个边框有 3 个方面：宽度、样式，以及颜色。下面内容将会具体讲解这三个方面 一、 边框的宽度border-width ： 设置边框宽度有两种方法，第一种是 值复制法 按照 top-right-bottom-left 的顺序设置元素的各边边框，第二种 也可以通过单独属性分别设置边框各边的宽度， （一）值复制（简写样式） 指定四个值，分别设置给上，右，下，左。顺时针方向； div{border-style:soild; border-width:10px 20px 30px 40px} 指定三个值，第一个值10px设置给上边框，第二个值设置给左边框和右边框，第三个值设置给下边框； div{border-style:soild; border-width:10px 20px 30px} 指定两个值，第一个值设置给上下边框，第二个值设置给左右边框； div{border-style:soild; border-width:10px 20px} 指定一个值，四个边框使用同一个值 div