Rumah > Artikel > hujung hadapan web > CSS背景设置

CSS背景设置

无忌哥哥asal: 2018-06-28 17:37:151534semak imbas

背景设置的五个样式规则

1. 背景颜色: background-color

2. 背景图片: background-image

3. 背景图片的重复方式: background-repeat

4. 背景图片的定位方式: background-position

5. 背景图片的的是否固定: background-attachment

6. 背景图片大小设置: background-size

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>2.CSS背景设置</title>
    <style>
        body {
            background-color: lightcyan;
background-image: url(../images/bg/sky3-1.png);
background-repeat: no-repeat;
background-attachment:fixed;
background-size: cover;
        }
        div {
            width: 300px;
            height: 200px;
            line-height: 100px;
            text-align: center;
            background-color: aquamarine;
            /*可以通过js等方式来设置背景色透明*/
            /*background-color: transparent;*/
            border: 1px solid #363636;
        }
    </style>
</head>
<body>
    <div>
        <h2>PHP中文网 (<a href="">www.php.cn</a>)</h2>
    </div>
</body>
</html>

Atas ialah kandungan terperinci CSS背景设置. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：CSS控制元素对齐的技巧Artikel seterusnya：CSS控制列表

Artikel berkaitan

Lihat lagi