2.在body区域，新建一个class为study的div
3.在style标签内,给study设置宽300px，高200px,粗细为1px的黑色边框
4.在浏览器中打开test.html，可以看到一个黑色边框的长方形
5.回到编辑器，在style标签内，将study的border属性后面的1px改成3px
6.再次在浏览器中打开test.html，会发现页面里长方形的边框变粗了！
css怎么增加边框没有间隙？
css增加边框没有间隙的方式如下
方法一：通用兄弟选择器( ~ )
Document
ul {margin: 0; padding: 0;}
li { list-style: none; height: 50px; line-height: 50px;}
li~li {border-top: 1px solid #000;}
1
2
3
4
5
6
li~li {…} 中的 ~ 符号称为通用兄弟选择器，匹配P元素之后的P元素，所以第一个P元素不会匹配到。
方法二：伪类选择器( :first-of-type / :last-of-type )
Document
ul {margin: 0; padding: 0;}
li { border-top: 1px solid #000; list-style: none; height: 50px; line-height: 50px;}
li:first-of-type {border-top: none;}
1
2
3
4
5
6
首先将所有 li 设置 border-top，然后用 :first-of-type 查找到第一个 li ，取消border-top。
radius是什么意思？
border-radius: 5px;代表设置一个半径为5px的圆角，5px可更换成理想的半径长度，一般使用在按钮边框或者DIV边框的圆角，使网页更灵动.
border属性怎样设置只有下边框有线？
border属性有四个值，分别是top，bottom，left，right属性，将其余三个值设置为none，bottom属性设置为1px。
