必威betway-手机版唯一官网
做最好的网站

betway必威官网手机版

当前位置:必威betway > betway必威官网手机版 > 文本阴影(text-shadow)

文本阴影(text-shadow)

来源:http://www.jdxzx.net 作者:必威betway 时间:2019-12-30 00:48
  • 有趣的 CSS 3-阴影与发光
  • 有趣的 CSS 3-圆角边框、图片边框
  • 有趣的 CSS 3-改变背景图片大小和起始位置
  • 有趣的 CSS 3-文本阴影、自定义字体
  • 有趣的 CSS 3-2D 变幻
  • 有趣的 CSS 3-过渡
  • 有趣的 CSS 3-动画
  • 有趣的 CSS 3-多列文本
  • 有趣的 CSS 3-大小调整、box-sizing、新边框
  • 有趣的 CSS 3-background-size
  • 有趣的 CSS 3-渐变

文本阴影(text-shadow)

text-shadow 和 box-shadow 用法很相似,可参见本连载的“阴影与发光”一节。但参数有所减少:

  • h-shadow:相对于元素来说,水平阴影的位置。允许负值。
  • v-shadow:相对于元素来说,垂直阴影的位置。允许负值。
  • blur:模糊量。
  • color:阴影的颜色。

自定义字体

这个对中文好像没啥意思,因为中文字体往往很大,知晓即可。

@font-face { font-family:myFont; src:url('Sansation_Bold.ttf'), url('Sansation_Bold.eot'); /* IE9+ */ font-weight:bold; } .title { font-family:myFont; }

  • 有趣的 CSS 3-阴影与发光
  • 有趣的 CSS 3-圆角边框、图片边框
  • 有趣的 CSS 3-改变背景图片大小和起始位置
  • 有趣的 CSS 3-文本阴影、自定义字体
  • 有趣的 CSS 3-2D 变幻
  • 有趣的 CSS 3-过渡
  • 有趣的 CSS 3-动画
  • 有趣的 CSS 3-多列文本
  • 有趣的 CSS 3-大小调整、box-sizing、新边框
  • 有趣的 CSS 3-background-size
  • 有趣的 CSS 3-渐变

本文由必威betway发布于betway必威官网手机版,转载请注明出处:文本阴影(text-shadow)

关键词:

上一篇:没有了

下一篇:要注意字符串在前还是数字在前