在網頁設計中,文字上色是非常重要的一部分,可以使得網頁更具有視覺沖擊力和表現力。CSS為我們提供了豐富的文字上色方式,下面分別介紹。
/* 1.文本顏色 */ p{ color: red; } /* 2.背景顏色 */ p{ background-color: yellow; } /* 3.文本陰影 */ p{ text-shadow: 2px 2px 5px #333333; } /* 4.漸變顏色 */ p{ background-color: linear-gradient(to bottom, #ffffff, #0099ff); } /* 5.背景圖片 */ p{ background-image: url("bg.jpg"); } /* 6.首字母上色 */ p::first-letter{ color: red; } /* 7.鏈接上色 */ a{ color: blue; } /* 8.鼠標懸浮鏈接上色 */ a:hover{ color: red; } /* 9.訪問過的鏈接上色 */ a:visited{ color: green; } /* 10.活動鏈接上色 */ a:active{ color: orange; }
通過以上10種方式,可以實現各種不同的文字上色效果,讓你的網頁更加引人注目。