背景属性连写

最新推荐文章于 2024-06-20 00:58:51 发布
转载 最新推荐文章于 2024-06-20 00:58:51 发布 · 154 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/twinkle-/p/9095160.html 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <style type="text/css">
 7         .box{
 8             width:500px;
 9             height:500px;
10             /* background-color:#aaa;
11             background-image:url("1.png");
12             background-repeat:no-repeat;
13             background-position:50px 10px;
14             background-attachment:scroll; */
15             /* 背景属性连写 */
16             background: url("1.png") red  no-repeat bottom scroll;
17         }
18     </style>
19 </head>
20 <body>
21     <div class="box"></div>
22 </body>
23 </html>

 

背景属性连写：
写法：只写background：
特点：连写的时候没有顺序要求，url是必写项。

 

转载于:https://www.cnblogs.com/twinkle-/p/9095160.html

WEB前端-背景属性
syh_SYH0321的博客
10-21 5735
img和背景图片的区别： img不需要专门写宽高就能够显示在页面上 而背景图片默认是撑不开容器的 需要专门写宽高 一般产品插入图都推荐使用img 而一些小的icon 或者很少更新的图片 再或者超大的图片推荐使用背景图 而且背景图可以让内部的文字盖在上面，但是img不行（除非后期用定位）取值：no-repeat不平铺，repeat-x横向平铺，repeat-y纵向平铺，repeat横向纵向都平铺------默认。closest-side： 指定径向渐变的半径长度为从圆心到离圆心最近的边。
css3实现一个div设置多张背景图片及background-image属性实例演示
09-27
要设置多张背景图片，你可以像下面这样写： ```css background-image: url("image1.jpg"), url("image2.jpg"); background-repeat: no-repeat, no-repeat; background-position: 0 0, 200px 0; ``` 这里，`...
背景图片属性连写
sjxxl的博客
09-05 1679
  background: url(/img/bottomimage.40630977.png) no-repeat left 240px bottom 26px,url('./assets/img/logo.png') no-repeat right 240px bottom 30px, url(/img/bottombg.48d53688.png) no-repeat left botto...
css背景图片连写
qq_38796823的博客
01-17 678
<div v-if="item.nav_url.length==3" :style="`background: url(${item.nav_url[2]}) center center / contain no-repeat ;`" ></div>
CSS背景说明及连写
weixin_45172119的博客
05-05 956
CSS背景说明及连写 一、CSS背景说明 CSS 可以添加背景颜色和背景图片，以及来进行图片设置。 1.1 背景图片（image） background-image 属性允许指定一个图片展示在背景中（只有CSS3才可以多背景）可以和 background-color 连用。 如果图片不重复地话，图片覆盖不到地地方都会被背景色填充。 如果有背景图片平铺，则会覆盖背景颜色。 background-im...
【笔记】CSS3背景background属性简写与连写
印记
09-27 1324
background-color 背景颜色 background-image 背景图像 background-repeat 重...
6.背景属性
qq_37993288的博客
08-19 291
background-color 背景颜色 background-image 背景图片 background-image：url("1.png"); 背景平铺background-repeat:repeat默认平铺 |no-repeat不平铺 |repeat-x水平方向平铺，垂直不平铺 |repeat-y 垂直方向平铺 background-position left | righ
CSS background属性(背景属性)详解
12-07
可以在background属性中设置所有的背景属性。可以设置如下属性： •background-color 颜色 •background-position 位置 •background-size 大小 •background-repeat 如何重复背景图像 •background-origin 背景...
HTML(12)——背景属性
m0_74386799的博客
06-20 848
可以只写一个关键字，另外一个方向默认居中，坐标只写一个表示水平方向，垂直方向为居中。contain：等比缩放背景图片以完全。cover：等比缩放背景图片以完全。属性值：水平方向位置，垂直方向位置。作用：背景图不会随着元素的内容滚动。使用背景图实现装饰性的图片效果。属性值:url(背景图URL)坐标：数字+px 正负都可。背景区，可能背景图部分看不见。背景区，可能背景区部分空白。背景图默认是平铺的效果。
CSS基础2-选择器进阶+背景属性+元素显示模式+三大特性
12-05
背景相关属性连写是指将多个背景相关属性写在一起。其语法为：background: 属性值1 属性值2 ...。 CSS基础元素显示模式： 元素显示模式是指元素在页面中的显示方式。 1. 块级元素： 块级元素是指占据一整行的...
html+css基础（form、font连写、背景属性、边框圆角）
qq_34108428的博客
12-16 613
form、font、背景属性、边框圆角
Web前端，CSS中关于背景颜色、背景图片、背景平铺、背景位置、背景相关属性连写
星辰迷上大海的博客
04-28 1万+
Web前端，CSS中关于背景颜色、背景图片、背景平铺、背景位置、背景相关属性连写
关于CSS中background属性的连写格式
lu10505的博客
06-06 1万+
background: color url() repeat attachment position;                  颜色  地址 平铺效果 滚动 位置
2022-06-10 工作记录--CSS-背景图片相关属性连写
weixin_48850734的博客
06-21 364
CSS-背景图片相关属性连写
css background属性连写
weixin_41643133的博客
08-13 6610
background：#fff url('../assets/images/bgc_book.png') no-repeat right top/359px 257px, url('../assets/images/bgc_pc.png') no-repeat 130px 220px/347px 246px; 依次的顺序为：背景颜色 背景图片 背景图片是否重复 背景图片的位置（...
CSS的background属性的缩写顺序
热门推荐
佀云鹰的专栏
03-28 2万+
background 属性是background-color，background-image，background-position，background-attachment，background-repeat，这五个属性的缩写，优点是比单个属性书写要简单，要少写很多代码。就是有时令人在书写这五个属性的顺序上有些困扰。下面一段代码取自搜狐： .bBot{background:url(..
css的background属性连写
shengjon的博客
11-28 755
background: rgba(0,0,0,.8) url('assets/images/loading.png') fixed no-repeat center / cover; background：color img_url repeat attachment position / size 颜色， 地址，固定背景，平铺，位置，size ...
CSS背景相关属性
qq_41421033的博客
02-16 512
背景颜色 属性名： background-color（bgc） 属性值： 颜色取值：关键字、rgb表示法、rgba表示法、十六进制…… 注意点： 背景颜色默认值是透明： rgba(0,0,0,0) 、transparent 背景颜色不会影响盒子大小，并且还能看清盒子的大小和位置，一般在布局中会习惯先给盒子设置背景颜色 背景图片 属性名： background-image（bgi） 属性值： background-image: url('图片的路径') 注意点： • 背景图片中url中可以省略引号 •..
css 背景图片连写
最新发布
04-05
例如，引用[1]是关于背景颜色过渡的示例，可能在讨论背景属性变化时提到，但用户的问题是关于背景图片的连续书写，可能不适用，因此可能不需要引用。但用户可能希望强制引用，所以需要检查是否有相关点可以引用。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值