CSS的框線樣式:border | css border bottom
CSS的框線樣式:border CSS的border屬性可以設定區塊的邊框,預設值為none,常見的有以下:border-style:邊框樣式border-top:上框線border-bottom:下框線border-left:左框線border-right:右框線border:四邊框線border-width:邊線的寬度border-color:邊線的顏色 範例:border-top:1pxsolid#000border-bottom:4pxdotted#009FCCborder-left:2pxdashed #FF8800border-right:1pxsolid #7A0099 我們可以分別為四邊設定不同的數值,如果說四邊的屬性都一樣時,可以直接寫border統一描述,而不用四邊都各寫一次。範例:border:1pxsolid#4d4d...
CSS的框線樣式:borderCSS的border屬性可以設定區塊的邊框,預設值為none,常見的有以下:
border-style:邊框樣式
border-top: 上框線
border-bottom: 下框線
border-left: 左框線
border-right: 右框線
border: 四邊框線
border-width: 邊線的寬度
border-color:邊線的顏色
範例:
border-top:1px solid #000
border-bottom:4px dotted #009FCC
border-left:2px dashed #FF8800
border-right:1px solid #7A0099
我們可以分別為四邊設定不同的數值,如果說四邊的屬性都一樣時,
可以直接寫border統一描述,而不用四邊都各寫一次。
範例:
border: 1px solid #4d4d4d
border-width 屬性是用來設定邊框的寬度。
可用的值除了數字以外,也可以用 thin (薄)、medium (中等)、thick (厚)。
範例:
border-width: thin
border-style則可以設定邊框的樣式
設定值如下:
border-style:solid 實線
border-style:dotted 點線
border-style:dashed 虛線
border-style:double 雙線
border-style:groove 凹線
border-style:ridge 凸線
border-style:inset 嵌入線
bo...