CSS是現代web開發中必不可少的一部分,如果你想讓你的文字更有設計感、更有吸引力,那么就要學習如何使用CSS給文字描。
/* 給文字描樣式的基本語法 */ p { text-shadow: h-shadow v-shadow blur color; } /* 具體的應用示例 */ h1 { text-shadow: 2px 2px 2px #ccc; } h2 { text-shadow: -1px -1px 1px #fff, 1px 1px 1px #999; } p { text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); }
CSS中,使用text-shadow屬性來給文字描樣式,這個屬性值一般由四個屬性值構成:橫向陰影偏移距離(h-shadow)、縱向陰影偏移距離(v-shadow)、陰影模糊半徑(blur)、顏色(color),中間用空格隔開。除了顏色之外,其他三個屬性值都是可選的。
下面是幾個給文字描的具體應用示例:
- 給h1標題添加一個簡單的陰影效果:
h1 { text-shadow: 2px 2px 2px #ccc; }
h2 { text-shadow: -1px -1px 1px #fff, 1px 1px 1px #999; }
p { text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); }
通過以上三個示例代碼的演示,我們可以看出如何使用CSS給文字描,讓文字更加精美,吸引眼球。
上一篇mysql 時間 年月日
下一篇css給定固定寬度