css-背景属性

最新推荐文章于 2024-04-08 15:42:29 发布

酒菡

最新推荐文章于 2024-04-08 15:42:29 发布

阅读量277

点赞数

分类专栏： #HTML 文章标签： css html sass 前端学习

本文链接：https://blog.csdn.net/qq_62779007/article/details/123428923

版权

#HTML 专栏收录该内容

31 篇文章 1 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>css-背景属性</title>
   <style>
       body{
           background-color:pink;
           /* background-color:red;
           backgroubd-color:reg(red,green,blue);
           backgroubd-color:rega(red,green,blue,0.2);rgba中的a是透明度
           background-color:#ff000;
           */
       }
       div{
           width:300px;
           height:1000px
       }
       .box1{
           /*width:300px;*/
       /*height:300px;*/
       background-color: greenyellow;
           background-image:url("../imagers/03.jpg");
           background-repeat:no-repeat;
           /*
           repeat-repeat;默认平铺
           repeat-x;x轴平铺
           repeat-y;y轴平铺
           no-repeat不平铺
           */
           /*background-position:20px 20px;*/
           /*1.20px 20px;
           2.10% 10%
           3.left center right
           top center bottom
           */
       /* background-size: 400px 400px;*/
           /*
           1.400px 400px;
           2.100% 100%
           3.cover:把背景图像扩展至足够大，以使背景图像完全覆盖背景区域.也许无法显示在背景定位区域中.
           4.contain：把图像扩展到最大尺寸，以使其高度和宽度无法完全适应内容区域。铺不满，留白
           */
           background-attachment: fixed; /*fixed固定在浏览器的左上角*/
           /*margin: 0 auto*/
       }
       .box2{
           background-color: red;
       background-image:url("../imagers/6.jpg");
       background-repeat:no-repeat;
           background-attachment:fixed;

       }

   </style>
</head>

酒菡

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
1
评论
css-背景属性

<!doctype html><html><head><meta charset="utf-8"><title>css-背景属性</title> <style> body{ background-color:pink; /* background-color:red; backgroubd-color:reg(red,gree...
复制链接

扫一扫