CSS如何自定义文字位置

在css中,可以使用text-align来定义文字的位置。下面小编以定义div内的文字位置为例,讲解CSS如何自定义文字位置。

东西/原料

  • html+css
  • 代码编纂器:Dreamweaver CS5

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解CSS若何自界说文字位置。

  2. 2

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

  3. 3

    在test.html文件内,给div添加id属性,属性值为abc,用于下面设置样式。

  4. 4

     在css标签内,经由过程id设置div的样式,界说其宽度为200px,行高为50px,布景颜色为蓝色,文字颜色为白色。

  5. 5

    在css标签内,再利用text-align属性来界说文字的位置,例如,这里设置文字居中显示,即text-align为center。

  6. 6

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

    END

总结:

  1. 1

    1、在test.html文件内,利用div建立一行文字。

    2、在css标签内,经由过程text-align属性来设置div内文字的位置。

    END

注重事项

  • text-align属性除了居中(center)样式,还可以设置为左对齐(left),右对齐(right)。
  • 发表于 2020-04-18 19:00
  • 阅读 ( 1342 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

联系我们:uytrv@hotmail.com 问答工具