码迷,mamicode.com
首页 > Web开发 > 详细

CSS 2 文本④

时间:2018-07-11 21:20:53      阅读:148      评论:0      收藏:0      [点我收藏+]

标签:半径   foo   idt   one   com   sha   设置   ati   划线   

技术分享图片

 

设计师经常喜欢帮文字设置一些好看的效果  比如阴影  

  text - shadow

  text - shadow : none | [ < length> {2,3} && <color>?] #

  解析:

  none :  不做阴影  默认值是none

  [ < length> {2,3} && <color>?] # :  或者两到三个 length 值  再加上颜色color  其中颜色这个值是可选的  这里有# 号 说明可以加上多个shadow

 

  技术分享图片

  第一个值 1px是x轴的偏移方向

  第二个值 2px是y轴的偏移方向

  并且它的阴影是 #foo这个样子的 

  技术分享图片

  这里的第三个 px 是阴影的模糊半径 

  技术分享图片

  根据语法 这个color是可以不写的  它不写的时候  这个阴影的颜色就是这个文字的颜色

  

 

 

  技术分享图片

设置阴影

    text - decoration

    text - decoration : none | [ underline || overline || line-through ]

    none : 不加下划线

    underline :下划线

    overline : 上划线

    line - through :  在文字的中间划一条线

    

    技术分享图片

   

CSS 2 文本④

标签:半径   foo   idt   one   com   sha   设置   ati   划线   

原文地址:https://www.cnblogs.com/hzaixt/p/9295983.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!