如何使用HTML5+CSS3中text-decoration设置文本

 时间:2024-10-13 15:02:55

1、第一步,双击打开HBuilder编辑工具,新建静态页面textDecoration.htm盟敢势袂l,如下图所示:

如何使用HTML5+CSS3中text-decoration设置文本

2、第二步,在<body></body>内插入一个<div>挢旗扦渌;</div>,并在div标签元素内插入一个无序列表,分别设置对应的子项class属性,如下图所示:

如何使用HTML5+CSS3中text-decoration设置文本

3、第三步,保存代码并预览该静态页面,可以查看到页面显示的效果,如下图所示:

如何使用HTML5+CSS3中text-decoration设置文本

4、第四步,分别使用无序列表的类选择器设置text-decoration属性,每个子项都不一样,如下图所示:

如何使用HTML5+CSS3中text-decoration设置文本

5、第五步,再次保存代码并预览该静态页面,可以看到页面上的内容文字显示不一样,如下图所示:

如何使用HTML5+CSS3中text-decoration设置文本

6、第六步,使用div标签元素设置对应的样式属性,可以设置背景渐变属性值,如下图所示:

如何使用HTML5+CSS3中text-decoration设置文本
  • 如何设置优先推广?
  • C语言编程求(包括10不包括100000)之间的回文数
  • 【经典RPG小游戏推荐系列】国家边境中文版
  • 如何设置打开浏览器时从上次会话中的标签页开始
  • Word怎么设置部分文字为粗斜体
  • 热门搜索
    国防手抄报图片 圣诞节手抄报内容英文 社会实践手抄报 有关消防的手抄报 书手抄报 初中英语手抄报版面 中秋手抄报图片大全 有关卫生的手抄报 关于百分数的手抄报 爱国的手抄报内容