【CSS3】-07 文本修饰

最新推荐文章于 2021-12-10 18:49:21 发布

Nameless-Y

最新推荐文章于 2021-12-10 18:49:21 发布

阅读量256

点赞数

分类专栏： html5+css3 文章标签： css 文本修饰

本文链接：https://blog.csdn.net/yang1111111112/article/details/113745598

版权

html5+css3 专栏收录该内容

20 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>文本修饰</title>
    <style type="text/css">

    /* 下划线。删除线。上面的线 */
    /* underline line-through overline */
    span {
            text-decoration:overline;
    }

    
    p{
        /* 首行缩进 */
        text-indent:2em;  /* 注意：2em的意思就是文字的2倍大小 */
        /* 1.5倍行间距 */
        line-height: 1.5em;
    }

    h1{
        /*  中文文字间隔、字幕之间的间隔 */
        letter-spacing: 60px; 

        /* 英文单词之间的间隔 */
        word-spacing: 50px;  
    }

    h2{
        /* 文本对齐方式，左中右 */
        text-align: center;
    }

    </style>
</head>

<body>
    <h1>登鹳雀楼hello word</h1>
    <p>12.00 <span>24.00</span></p>
    <p>hellondasl;hnfucerap;m kds;ahugfv</p>
    <p>dklsah;fvca;jwqeirjdkfnsd;</p>
    <hr>

    <h2>中间居中</h2>
    <hr>
    <p>长度单位总结一下，目前比较常用到px（像素）、em、% 百分比，要注意其实这三种单位都是相对单位。</p>

</body>

</html>

结果：