css右对齐(css居中对齐)

  如果给你一些文本文字,要让它变得美,你将会采用什么方法?用过PPT的人都知道,可以调整颜色,可以设定字体,可以进行对齐、缩进等操作。这些在PPT中常用的方法,在CSS中也是很容易实现的,代码也简单。

image.png

  1.文本颜色

  在CSS中,设置文本颜色,用color属性,值可为16进制、一个RGB值或颜色名称。十六进制用#号开始,后接#RGB,比如 #ff0000;RGB值为rgb(255.0.51)形式;颜色名称名称直接就是英语单词,如red。

  2.对齐方式

  文本在元素内水平对齐,可以使用 text-align: 值的方式,center居中对齐,left居左对齐,right居右对齐;垂直居中对齐,可用vertical-align和line-height结合的方式进行指定,这个平时会经常用到,记下来。

  步骤如下:

  1、新建一个html文件,命名为test.html,用于讲解css如何实现文本右对齐。

  2、在test.html文件中,使用p标签创建一个文字,用于测试。

  3、在test.html文件中,给p标签添加一个class属性,用于样式的设置。

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

  5、在css标签内,通过class设置p标签的样式,定义其宽度为200px,背景颜色为灰色,同时,利用text-align属性,将其设置为right,实现文字右对齐。

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


发表评论

评论列表

还没有评论,快来说点什么吧~