border 邊框變大,css邊框右邊框線怎么設置粗細?
1.打開編輯器,在編輯器里新建test.html,用來學習今天的內容
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。