                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /网页简单布局之结构与表现原则

3-3 编程挑战

效果图中每张图片下部环绕着白色烟雾状的背景图片，怎么我这做不出来？

慕粉4340077

2016-11-13

源自：网页简单布局之结构与表现原则 3-3

关注问题我要回答

1150

操作

收起

4 回答

慕虎9205161 回答被采纳 +3 积分
2016-11-13

body{ margin:0;}

div{background:#460E29;width:700px;padding:20px}

img{padding:1px 20px 37px 30px; background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); margin-right:10px;}

0 回复有任何疑惑可以回复我~

收起回答

慕粉4340077 提问者

非常感谢！

2016-11-13 回复有任何疑惑可以回复我~

ChandlerPoon
2016-11-14

你的background里面断开了，这个改好了你的代码显示出来了

background:url(http://img1.sycdn.imooc.com//5385ac8200 01905201440133.jpg);

1 回复有任何疑惑可以回复我~

收起回答

慕粉4340077 提问者

谢谢！果真是这样的，现已改好了。你学编程多久了?

2016-11-14 回复有任何疑惑可以回复我~

ChandlerPoon
2016-11-13

楼上回答正确，只要你的<img>的padding做对了就会出现

0 回复有任何疑惑可以回复我~

收起回答

慕粉4340077 提问者

padding的值我是按照任务要求的啊，可是还是没有效果，你是怎么做的，发个代码看看，可以吗？谢谢

2016-11-13 回复有任何疑惑可以回复我~

慕虎9205161
2016-11-13

background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg);这行代码是实现这个效果的，已经给你了，不用你管的。你没做出来？

0 回复有任何疑惑可以回复我~

收起回答

慕粉4340077 提问者

已按要求做了，但效果图就是没有白色烟雾状背景。你是怎么做的？可以把你的代码写出来吗？谢谢！

2016-11-13 回复有任何疑惑可以回复我~

0/150

提交

取消

网页简单布局之结构与表现原则

参与学习 108319 人
解答问题 375 个

入门必杀技之结构与表现相分离，课程会有3个案例，不同角度讲解

进入课程

3-3 编程挑战

我要回答关注问题

热搜

最近搜索清空

3-3 编程挑战

4 回答

3-3 编程挑战