css中如何同时设置网页中<p>中的字体大小及背景颜色

html-css026

css中如何同时设置网页中<p>中的字体大小及背景颜色,第1张

因为“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标签,都会有红色背景