一、邊框屬性 1.連寫（分別設置四條邊的邊框） 註意點： （1）這三個屬性是按照順時針來賦值的，也就是說按照上右下左來賦值，而不是按照日常生活中的上下左右 （2）關於省略 i.三個（省略左）左右一樣，上下按照咱們寫的 ii.兩個（省略左、下）左右一樣，上下一樣 ii.一個（省略右、左、下）這四個全都 ...
一、邊框屬性
1.連寫（分別設置四條邊的邊框）
border-width:上 右 下 左；
border-style:上 右 下 左；
border-color:上 右 下 左；
註意點：
（1）這三個屬性是按照順時針來賦值的，也就是說按照上右下左來賦值，而不是按照日常生活中的上下左右
（2）關於省略
i.三個（省略左）左右一樣，上下按照咱們寫的
ii.兩個（省略左、下）左右一樣，上下一樣
ii.一個（省略右、左、下）這四個全都一樣
例子：
.box{ width: 500px; height:500px; background-color: red; border-width:2px 10px 15px 20px; border-style:solid dashed dotted double; border-color:blue purple black yellow; } .........省略代碼......... <div class="box"> </div>
2.非連寫
border-top-width:
border-top-style:
border-top-color:
border-right-width:
border-right-style:
border-right-color:
border-bottom-width:
border-bottom-style:
border-bottom-color:
border-left-width:
border-left-style:
border-left-color:
挨個設置，非常不推薦使用，代碼非常冗餘，沒什麼價值用處
二、邊框屬性練習
border-top-width:
border-top-style:
border-top-color:
border-right-width:
border-right-style:
border-right-color:
border-bottom-width:
border-bottom-style:
border-bottom-color:
border-left-width:
border-left-style:
border-left-color:
三、源碼：
d105_border_attribute_and_exercise.html
地址:
https://github.com/ruigege66/HTML_learning/blob/master/d105_border_attribute_and_exercise.html
2.CSDN：https://blog.csdn.net/weixin_44630050（心悅君兮君不知-睿）
3.博客園：https://www.cnblogs.com/ruigege0000/
4.歡迎關註微信公眾號：傅里葉變換，個人賬號，僅用於技術交流，後臺回覆“禮包”獲取Java大數據學習視頻禮包
