text-align用法、list-style与text-decoration的区分

菜到不会下载软件

于 2021-09-14 23:25:37 发布

阅读量844

点赞数

分类专栏：前端js

本文链接：https://blog.csdn.net/m0_57446284/article/details/120289846

版权

html css

前端js 专栏收录该内容

41 篇文章 1 订阅

订阅专栏

一、text-align:

语法：

text-align是把段落最后一行与某个对齐

text-align:center | left | right | auto

分别对应的内容：

center是指将段落最后一行放在文本中间

left是指将段落最后一行放在文本的左边

right是指将段落的最后一行放在文本的右边

auto最后一行被调整，并向左对齐。

二、关于list-style与text-decoration的区分

因为自己在写网页的时候，经常会将这两个使用的范围搞混，所以今天将这个进行一个区分

list-style主要是用来修饰所有列表元素，在工作中，我们经常会用来优化li标签

list-style的主要属性有none，对li的主要作用就是去除 .

<style>
        .ll {
            list-style: none;
        }
</style>

<body>
 <ul>
        <li>这是一个初始化的li</li>
        <li class="ll">这是一个经过加工的li</li>
        
    </ul>
</body>

text-decoration属性规定添加到文本的修饰，下划线、上划线、删除线等，经常用来修饰a标签

text-decoration的属性值有：none：定义标准的文本；

underline：文本下的一条线

line-through：穿过文本下的一条线

overline：文本上的一条线

<style>
       
        
        .act {
            text-decoration: none;
        }
    </style>
<body>
    <ul>
        <a href="">这是一个初始化的a</a><br>
        <a href="" class="act">这是一个经过加工的a</a>
    </ul>
</body>