W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

W3.CSS 效果



文本阴影

w3-text-shadow 类旨在使用所有颜色:

Text Shadow


Text Shadow


Text Shadow


Text Shadow

Example

<div class="w3-container w3-light-grey">
  <h2 class="w3-text-shadow">Text Shadow</h2>
</div>
尝试一下 »

文本透明度

Text Opacity


Text Opacity


Text Opacity


Text Opacity


Text Opacity


Text Opacity

Example

<div class="w3-container w3-deep-purple">
  <h2 class="w3-opacity">Text Opacity</h2>
</div>
尝试一下 »

特殊效果

不透明度与粗体结合:

Text Opacity

混合颜色:

Yellow + Shadow + Bold

阴影,粗体与不透明度结合:

Shadow + Opacity + Bold

混合颜色:

Yellow + Shadow + Bold