因为“background: #00FF00”后面没有添加“”符号,浏览器将“background”解析成了“background: #00FF00 font-size:80px”,所以背景和字体大小不能同时作用。
1、新建html文档,在body标签中添加一些p标签,这时网页中将会输出p标签默认的背景颜色和字体大小:
2、为p标签设置“background”属性,属性值为颜色,这时p标签的背景颜色将会变成之前设置的颜色:
3、为p标签设置“font-size”属性,属性值为字体大小,这时p标签的字体大小将会变成之前设置的字体大小:
通过css:background-image语句设置背景。
background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值,图像可以无限平铺、沿着某个轴(x 轴或 y 轴)平铺,或者根本不平铺。初始背景图像(原图像)根据 background-position 属性的值放置。
(1)相对的文件位置:
(2)测试代码:
测试效果:
扩展资料:
background-image 属性为元素元素的背景占据了元素的全部尺寸,包括内边距和边框,但不包括外边距。
默认地,背景图像位于元素的左上角,并在水平和垂直方向上重复。
提示:请设置一种可用的背景颜色,这样的话,假如背景图像不可用,页面也可获得良好的视觉效果。
参考资料:百度百科--CSS background-image
给相关元素添加类名,或者直接使用其标签元素名。如:①:给元素添加类名:
html:
test content
test content
css:
.pp{background-color:red}这样的话,就只有具有class="pp"的p标签有红色背景
p{background-color:red}这样写的话,只要是p标签,都会有红色背景