这篇文章给大家分享的是有关css3怎么设置背景图片的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。CSS3设置背景图片的方法是添加属性【background-image: url(css.jpg)】。backgro
这篇文章给大家分享的是有关css3怎么设置背景图片的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
CSS3设置背景图片的方法是添加属性【background-image: url(css.jpg)】。background-image属性用来设置一个元素的背景图像,url中填写图像的url地址。
本文操作环境:windows10系统、css 3、thinkpad t480电脑。
如果我们要添加一张背景图片,可以选择background-image属性,它可以引入本地的一张图片当做背景。
background-image 属性设置一个元素的背景图像。
属性值:
url('URL') 图像的URL
具体代码如下所示:
<!DOCTYPE html><html><head><meta charset="utf-8" /><style type="text/css">*{margin: 0;padding: 0;}div{width: 200px;height: 200px;border: 1px solid black;background-image: url(css.jpg);background-size: 100px 100px;background-repeat: no-repeat;background-position: 50% 50%;}</style><title></title></head><body><div></div></body></html>
感谢各位的阅读!关于“css3怎么设置背景图片”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
--结束END--
本文标题: css3怎么设置背景图片
本文链接: https://www.lsjlt.com/news/276978.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0