CSS文本属性-CSDN博客

本文链接：https://blog.csdn.net/weixin_46002359/article/details/118930237

本文介绍了CSS中用于文本样式的属性，如颜色、对齐方式、下划线等，并展示了如何通过`text-align`, `text-decoration`, `text-indent`和`line-height`等属性实现文本的布局和美化。此外，还探讨了如何针对链接`a`标签取消默认下划线，并调整其颜色。案例中展示了这些属性在实际文本段落中的应用。

摘要由CSDN通过智能技术生成

CSS文本属性

总结;
在这里插入图片描述
案例：

<title>CSS文本属性</title>
    <style>
        div {
            /* 写出后双击#，可以吸取颜色 */
            /* 还可以使用rgb（250，0，0） */
            /* 开发时最多的是#这个16进制 */
            color: #0400ff;

            /* text-align是文本对齐：center是居中对齐，right右对齐，left是左对齐 */
            text-align: center;
            
            /* 下划线 */
            text-decoration: underline;
            /* 删除线 */
            /* text-decoration: line-through; */
            /* 上划线 */
            /* text-decoration: overline; */
        }
        
        a {
            /* 取消a链接的下划线 */
            text-decoration: none;
            color: #ff0095;
        }
        
        p {
            /* 文本第一行首行缩进 多少距离 */
            /* 如果写2em，则是缩进当前元素的2个字符 */
            text-indent: 2em;
            /* 行间距line-height上下间距+文本间距 */
            line-height: 20px;
        }
    </style>
</head>

<body>
    <div>镇东王府邸占地极广，正门日间夜间都是大大敞开，府邸正门宽广无比，足够六七人并行入内</div>
    <a href="#" target="_blank">>镇东王府邸占地极广，正门日间夜间都是大大敞开，府邸正门宽广无比，足够六七人并行入内</a>
    <p>时则深冬，大雪过后，整个炎京城都披上了一层银装。炎京城极大，可容纳人口数百万，而掌控东域三郡的‘镇东王’秦德的府邸便是在这炎京城</p>
    <p>镇东王府邸占地极广，正门日间夜间都是大大敞开，府邸正门宽广无比，足够六七人并行入内。
    </p>
    <p>而在大门两侧站着两名身高两米左右的赤裸着上半身的勇猛大汉，这两名大汉犹如岩石雕刻一般，冷漠双眼扫视着过往人群，那宽厚的虎背之上正挂巨型血红色战刀。那血红色的战刀一眼看去足有一米五长。</p>
    <p>深冬之时，雪花满地，温度低得吓人，河中都已经结冰了，可这两个大汉却赤裸着上半身。</p>
    <p>然而这并不是最骇人的，更加骇人的是在这两个大汉旁边竟然分别有一只凶猛的老虎。</p>
    <p>老虎全身为火焰般赤红色，体长约有两米多，那犹如铁鞭一样的尾巴猛然一扫都让空气一阵振动，虎目之中发出森冷的寒芒，这老虎正是所谓的‘烈虎’。</p>
    <p>忽然，镇东王的府邸之中走出另外两名大汉，这两名大汉同样赤裸着上半身，分别牵引着一只凶猛的烈虎，他们是来换班的。</p>
</body>