18910140161

Css

首页 >> 前端开发 >> Css

css简单学习属性2---背景图片

顺晟科技

2022-09-13 14:34:23

189

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
       div{
           background-image: url("图片1.png"),url("图片2.jpg");
           /*图片1在x轴重复，图片2不重复*/
           background-repeat: repeat-x,no-repeat;
           background-position: 100%,100%,center,center;
           /*盒子大小*/
           width: 100px;
           height: 800px;
       }
    </style>
</head>
<body>
<div>
</div>
</body>
</html>

效果图

 

上一篇：CSS, JavaScript 压缩 下一篇：CSS中background属性详解
相关文章
推荐阅读
随机推荐
我们已经准备好了，你呢？
获取网站建设报价
2024我们与您携手共赢，为您的企业形象保驾护航！