首页 > Web开发 > 详细

CSS文本属性

时间:2021-04-01 23:50:55      阅读:48      评论:0      收藏:0      [点我收藏+]
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width-device,initial-scale=1.0">
        <title>HAPULUOSI</title>
        <style>
            p{
                width:200px;
                height:200px;
                border:1px solid red;
                text-align:center;       (center换为right就是靠右对齐)
            }
        </style>
    </head>
    <body>
         <p>
             普通段落普通段落普通段落普通段落普通段落普通段落普通段落普通段落
         </p>
    </body>
</html>

技术分享图片

 

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width-device,initial-scale=1.0">
        <title>HAPULUOSI</title>
        <style>
            .none{
                text-decoration:none;
            }
            .overline{
                text-decoration:overline;
            }
            .line-through{
                text-decoration:line-through;
            }
            underline{
                text-decoration:underline;
            }
        </style>
    </head>
    <body>
         <p class="none">没有修饰</p>
         <p class="overline">上划线</p>
         <p class="line-through">删除线</p>
         <p class="underline">下划线</p>
    </body>
</html>

技术分享图片

 

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width-device,initial-scale=1.0">
        <title>HAPULUOSI</title>
        <style>
            p{
                width:200px;
                height:200px;
                border:2px solid red;
                text-indent:80px;  (80px更换为百分比表示,例如20%也会首行缩进)
            }                          (更换为2em,数字是几就缩进多少)
        </style>
    </head>
    <body>
         <p>
             一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字一段文字
         </p>
    </body>
</html>

技术分享图片

 

CSS文本属性

原文:https://www.cnblogs.com/hapuluosi/p/14607293.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!