在CSS中,我們經(jīng)常使用下劃線和顏色來(lái)美化文本和元素。下劃線可以用于強(qiáng)調(diào)文本或給鏈接添加下劃線效果。
a { text-decoration: underline; }
上面的代碼將所有鏈接的文本添加下劃線效果。
如果我們想為特定的元素添加下劃線,可以使用border-bottom屬性:
p.underline { border-bottom: 1px solid #ccc; }
上面的代碼將具有class為underline的段落下面添加一條寬度為1像素,顏色為#ccc的邊框線。
顏色在CSS中也扮演著非常重要的角色。我們可以使用顏色設(shè)置文本、背景、邊框等元素的顏色。
CSS中有很多方法來(lái)表示顏色,可以使用顏色名稱、十六進(jìn)制值、RGB值等,例如:
p { color: red; background-color: #eee; border: 1px solid rgb(0, 0, 0); }
上面的代碼將所有段落文本的顏色設(shè)置為紅色,背景顏色為#eee,邊框是寬度為1像素,顏色為黑色。
另外還有一種顏色表示方法是使用rgba值,其中a表示透明度。透明度的值從0到1,0表示完全透明,1表示完全不透明。
div { background-color: rgba(255, 255, 255, 0.5); }
上面的代碼將一個(gè)div元素的背景設(shè)置為白色,并將透明度設(shè)置為0.5(50%不透明度),使得背景顏色半透明。
下一篇下劃線位置css