border屬性 html border屬性


border屬性 html border屬性

文章插圖
大家好,小跳來為大家解答以上的問題 。html border屬性 , border屬性這個很多人還不知道,現在讓我們一起來看看吧!
【border屬性 html border屬性】1、border-style 屬性可設置四邊的樣式,可以有1到4種樣式舉例table {border-style: dotted}all four borders will be dotted四條邊都為打點型 table {border-style: dotted dashed}top and bottom border will be dotted, left an right border will be dashed 上下邊為打點型的,左右為粉碎型table {border-style: dotted dashed solid}top border will be dotted, left and right border will be dashed, bottom border will be solid上邊為打點型,左右為粉碎型邊框 , 下邊框為線型table {border-style: dotted dashed solid double}top border will be dotted, right border will be dashed, bottom border will be solid, left border will be double上邊為打點型,右邊為粉碎型,下邊為線型,左邊為雙線型 可用值值 描述 none Defines no border無邊框 hidden The same as "none", except in border conflict resolution for table elements除了在table元素的邊框解析上有沖突外基本和"none"一樣 dotted Defines a dotted border. Renders as solid in most browsers打點邊框,在大多數瀏覽器中會變為線條 dashed Defines a dashed border. Renders as solid in most browsers斷裂邊框,在大多數瀏覽器下也會變為線條(在IE里dotted和dashed基本無區別,FF瀏覽器有所不同) solid Defines a solid border線條邊框 double Defines two borders. The width of the two borders are the same as the border-width value雙線邊框 。
2、兩線的寬度和border-width值一樣 groove Defines a 3D grooved border. The effect depends on the border-color value3D溝槽邊框 。
3、效果依賴于border-color的值 ridge Defines a 3D ridged border. The effect depends on the border-color value3D脊狀邊框 。
4、效果依賴于border-color的值 inset Defines a 3D inset border. The effect depends on the border-color value3D嵌入邊框 。
5、效果依賴于border-color的值 outset Defines a 3D outset border. The effect depends on the border-color value3D突出邊框 。
6、效果依賴于border-color的值 。
本文到此分享完畢,希望對大家有所幫助 。