如何使用css,把div设置为一个椭圆容器,在做html页面开发时,我们一般都是使用div来做容器的,如果你需要一个椭圆形的容器,我们可以使用div来实现的,下面来看一下。......
css如何同时设置背景色和背景图
在写前端页面上时,有时会需要给div同时加上背景色和背景图,见今天我来给大家介绍下css如何同时设置背景色和背景图
工具/原料
- html css
- HBuilder代码编辑器
方法/步骤
打开编辑器,新建一个study.html,用来学习今天内容
在body区域内,新建一个div,名字叫tes(以下简称test)
在style标签内,给test设置宽100%,高200px,黑色边框以及居中对齐等属性
在浏览器中打开study.html,现在网页上呈现出来的时一个白色背景的div
回到编辑,给test加上background:url(04.jpg) #000000 no-repeat;
再次在浏览器中打开study.html,会发现test现在同时具有背景图和黑色的背景色
注意事项
- background后面的颜色和图片位置可以调换
- background后面的no-repeat属性时设置背景图只平铺一次
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具,MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具,MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗?MAKA(中文:码卡)作为中国最早推出移动端卡片式交互模式的创新者,随着HTML5技术的日渐成熟......
2023-03-16 433 HTML