html中給元素添加背景圖片或者gif動圖

本文轉載自查看原文 2018-09-22 20:20 8842 HTML與CSS

添加背景圖片有四種常用的方式，分別是：

repeat    完全平鋪

repeat-x    橫向平鋪

repeat-y    縱向平鋪

no-repeat    不平鋪

使用示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .box{
            width: 600px;
            height: 600px;
            border: 1px solid red;
            background: url("./images/QQon5.gif") no-repeat;  //在這里可以進行更改
        }
    </style>
</head>
<body>
    <div class="box"></div>
</body>
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 html中添加背景圖片 4、Swing在JPanel中添加背景圖片方法向java窗口組件中添加背景圖片 Qt中添加背景圖片的方法 Vue標簽style中添加背景圖片 html5 填充背景圖片 html背景圖片無法顯示如何給程序界面添加背景圖片 Eclipse添加背景圖片 wpf 窗體添加背景圖片