站長(zhǎng)資訊網(wǎng)
css設(shè)置框線顏色的方法：1、使用border屬性，語(yǔ)法“border:顏色值;”；2、使用border-color屬性，語(yǔ)法“border-color:顏色值;”。顏色值可以使用顏色名、十六進(jìn)制數(shù)值、RGB或RGBA、HSL等來(lái)定義。
本教程操作環(huán)境：windows7系統(tǒng)、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>測(cè)試文字</div> <div>測(cè)試文字</div> <div>測(cè)試文字</div> </body> </html>
效果圖：
方法2：border-color屬性
border-color 屬性用于設(shè)置四個(gè)邊框的顏色。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> div{ margin: 10px; border:solid; border-color: bisque; } </style> </head> <body> <div>測(cè)試文字</div> <div>測(cè)試文字</div> <div>測(cè)試文字</div> </body> </html>
效果圖：
可以通過(guò)以下方式設(shè)置顏色值：
-
name – 指定顏色名，比如 "red"
-
HEX – 指定十六進(jìn)制值，比如 "#ff0000"
-
RGB – 指定 RGB 值，比如 "rgb(255,0,0)"
-
HSL – 指定 HSL 值，比如 "hsl(0, 100%, 50%)"
-
transparent
