码迷,mamicode.com
首页 > Web开发 > 详细

CSS——段落处理

时间:2019-08-26 19:33:40      阅读:221      评论:0      收藏:0      [点我收藏+]

标签:type   har   ack   人生   set   ext   round   oct   html   

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>CSS</title>
        <style type="text/css">
            #style1 {
                font-family: "微软黑雅";
                font-size: 20px;
                color: black;
                text-indent: 40px;
                letter-spacing: 4px;
                line-height: 40px;
            }
            #style2{
                text-align: center;
                font-family: "微软黑雅";
                font-size: 30px;
            }
        </style>
    </head>

    <body bgcolor="aquamarine">
        <div id="style2">
            <p>将进酒</p>
        </div>

        <div id="style1">
            <p>
                君不见,黄河之水天上来,奔流到海不复回。 君不见,高堂明镜悲白发,朝如青丝暮成雪。 人生得意须尽欢,莫使金樽空对月。 天生我材必有用,千金散尽还复来。 烹羊宰牛且为乐,会须一饮三百杯。 岑夫子,丹丘生,将进酒,杯莫停。
            </p>
            <p>
                与君歌一曲,请君为我倾耳听。 钟鼓馔玉不足贵,但愿长醉不复醒。 古来圣贤皆寂寞,惟有饮者留其名。 陈王昔时宴平乐,斗酒十千恣欢谑。 主人何为言少钱,径须沽取对君酌。 五花马,千金裘,呼儿将出换美酒,与尔同销万古愁。
            </p>
        </div>

    </body>

</html>

技术图片

知识点总结:

(1)text-indent:首行缩进

(2)letter-spacing:字符间距

(3)line-spacing:行间距

(4)text-align:左对齐,右对齐,居中对齐。

 

CSS——段落处理

标签:type   har   ack   人生   set   ext   round   oct   html   

原文地址:https://www.cnblogs.com/zhai1997/p/11414327.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!