CSS属性之背景与文本

最新推荐文章于 2024-08-22 16:10:15 发布

Jacky-Summer

最新推荐文章于 2024-08-22 16:10:15 发布

阅读量398

点赞数

分类专栏： HTML+CSS 文章标签： css 背景文本

本文链接：https://blog.csdn.net/lxjstudyIT/article/details/52404488

版权

HTML+CSS 专栏收录该内容

17 篇文章 1 订阅

订阅专栏

本篇，主要是文本与背景相关的属性。因为本篇内容比较简单，就不作多文字说明了，主要自己要多尝试。
这里写图片描述
代码演示：

<!doctype>
<html>
    <head>
        <title>CSS属性之背景</title>
        <meta charset="utf-8">
        <style type="text/css">
        body{
            background-image:url(abc.jpg);
            background-repeat:no-repeat;
            background-position:20px 20px;
        }
        </style>
    </head>
    <body>

    </body>
</html>

运行结果：
这里写图片描述

代码演示：

<!doctype>
<html>
    <head>
        <title>CSS属性之文本</title>
        <meta charset="utf-8">
        <style type="text/css">
            div{
                width:300px;
                hieght:300px;
            }
            p{
                text-align:left;
                font-size:20px;
                line-height:200%;
                text-indent:40px;
                letter-spacing:5px;
                word-spacing:10px;
                direction:ltr;
                text-transform:capitalize;
            }
        </style>
    </head>
    <body>
        <div>
            <p>从前山里有座庙，庙里有一个老和尚，老和尚在给小和尚讲故事,讲什么故事呢</p>
            <p>My name is HougeLin</p>
        </div>
    </body>
</html>