css怎么在网页中给文字加上下划线

html+css

代码编纂器:Zend Studio 12.5.1

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解css怎么在网页中给文字加上下划线。

    3801213fb80e7becb727bb9a202eb9389a506bc8.jpg
  2. 2

    在test.html文件内,利用p标签建立一行文字,文字内容为“这是测试的文字”。

    6f061d950a7b0208fd7f879a6dd9f2d3572cc813.jpg
  3. 3

    在test.html文件内,设置p标签的id属性为tt,本家儿要用于下面经由过程该id设置p元素的css样式。

    4d086e061d950a7b8783f6bf05d162d9f2d3c913.jpg
  4. 4

    在test.html文件内,编写标签,页面的css样式将写在该标签内。

    1c950a7b02087bf48d5aef92fdd3572c11dfcf13.jpg
  5. 5

    在test.html文件内,在css标签内,经由过程元素名称来界说其css样式,下面将在花括号内编写css样式。

    0b7b02087bf40ad1ea527f98582c11dfa9ecce13.jpg
  6. 6

    在css标签内,在花括号内将text-decoration属性设置为underline,从而实现文字加上下划线的结果。

    55e736d12f2eb9387c90c289da628535e4dd6fc8.jpg
  7. 7

    在浏览器打开test.html文件,查看实现的结果。

    9a504fc2d56285350e1d6a5a9fef76c6a6ef63c8.jpg
  • 发表于 2019-11-21 17:05
  • 阅读 ( 1299 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具