可點選QR code
文章專區
網頁設計相關文章
CSS的框線樣式：border
CSS的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 嵌入線
border-style:outset 浮出線
範例：
