老师这样实现可以吗?
来源:2-15 编程练习
强强强哥
2019-05-03 14:03:48
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>background属性</title> <style type="text/css"> /*此处写代码*/ *{ margin:0; padding:0; } div{ width:400px; height:200px; border:10px solid rgba(255,0,0,0.2); padding:20px; text-align:center; background-color:gray; background:url(http://climg.mukewang.com/582c39c00001091605000150.jpg) no-repeat center bottom; background-clip:padding-box; background-origin:content-box; background-size:90%; } </style> </head> <body> <!-- 此处写代码 --> <div> <h4> 慕课网(IMOOC)国内最大的IT技能学习平台 </h4> </div> </body> </html>
1回答
好帮手慕慕子
2019-05-04
同学你好, 这样实现是可以的, 不过你这里设置的背景颜色被后面的样式覆盖了, 不能显示出来, 建议优化: 可以在设置背景图片样式后面设置背景颜色哦。 示例:
如果帮助到了你, 欢迎采纳!
祝学习愉快~~
相似问题