站長資訊網
css設置框線顏色的方法：1、使用border屬性，語法“border:顏色值;”；2、使用border-color屬性，語法“border-color:顏色值;”。顏色值可以使用顏色名、十六進制數值、RGB或RGBA、HSL等來定義。
本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
方法1：使用border屬性
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> div{ margin: 10px; border:solid #FFC0CB; } </style> </head> <body> <div>測試文字</div> <div>測試文字</div> <div>測試文字</div> </body> </html>
效果圖：
方法2：border-color屬性
border-color 屬性用于設置四個邊框的顏色。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> div{ margin: 10px; border:solid; border-color: bisque; } </style> </head> <body> <div>測試文字</div> <div>測試文字</div> <div>測試文字</div> </body> </html>
效果圖：
可以通過以下方式設置顏色值：
-
name – 指定顏色名，比如 "red"
-
HEX – 指定十六進制值，比如 "#ff0000"
-
RGB – 指定 RGB 值，比如 "rgb(255,0,0)"
-
HSL – 指定 HSL 值，比如 "hsl(0, 100%, 50%)"
-
transparent
