background-image: url(images/bg.jpg); background-position: center center; background-repeat: no-repeat; /* 当内容高度大于图片高度时,背景图像的位置相对于viewport固定 */ background-attachment: fixed; background-size: cover; background-color: #464646; } 1. 2. 3. 4. 5. 6. 7. 8. 9....
background-color:blue; background-color:rgb(0, 0, 255); background-color:#0000ff; background-color 也可被设置为透明(transparent),这会使得其下的元素可见。 背景图(background-image) background-image 属性允许指定一个图片展示在背景中。可以和 background-color 连用,因此如果图片不重复地话,图片覆盖...
3 第二步:如果我们想要整个页面都填充背景色,只需要在样式标签中间写上body{ background-color:颜色代码}即可,颜色代码通常是十六进制,选好所需的颜色即可。 4 在浏览器中预览,我们可以看到,颜色已经铺满整个页面。如下图:5 还有一种方法:就是增加一个布局标签的形式,具体写法是在标签中间写上div标签即可...
1.background-color 作用 设置元素的背景颜色 取值如下: background-color:yellow;//英文单词代表的颜色名称 background-color:#fff;//16进制用法,#f00 => #ff0000(两个字母为一组,相同就可以省略) background-color:rgb(255,0,255);//用rgb代码表示 background-color:transparent;//默认值,表示背景颜色为...
position: center center;/* 背景图不平铺 */background-repeat: no-repeat;/* 当内容高度大于图片高度时,背景图像的位置相对于viewport固定 */background-attachment: fixed;/* 让背景图基于容器大小伸缩 */background-size: cover;/* 设置背景颜色,背景图加...
CSS铺满剩余空间 使用css计算即可:比如左边宽度是200px,右边则铺满剩余的宽度:width:calc(100% - 200px) 注意注意注意:100%以及后面的200px,二者与减号之间需要有空格 .left { background-color: gray; width: 200px; height: 100%; } .right {
background的属性 1. background-color : 这个属性用于设置一个元素的背景颜色 2. background-position : 这个属性设置背景...
background-image : none | url (url) 参数: none : 无背景图(默认的) url : 使用绝对或相对地址指定背景图像 background-image 属性允许指定一个图片展示在背景中(只有CSS3才可以多背景)可以和 background-color 连用。 如果图片不重复地话,图片覆盖不到地地方都会被背景色填充。 如果有背景图片平铺,则会...
1、background-color background 是复合属性。 background-color:背景色。 色值表示法:#ff0000 ,red ,rgb(255,0,0),rgba(255,0,0,.5) 背景色渲染位置:border以内。 2、background-image background-image:背景图 url:统一资源定位符,图片的地址
在实践过程中发现一个关于CSS中body标签设置宽度,但是它的背景颜色仍会铺满浏览器问题。 下面是代码: 1 2 body { 3 width: 500px; 4 height: 600px; 5 background-color: #ccc; 6 margin: 0 auto; 7 } 8 效果: 效果显示,body标签的颜色铺满了整个浏览器。 通过查询得知原因是...