这道题还有更好的解决方案吗?
来源:4-11 编程练习
404_
2019-07-07 14:40:19
<!DOCTYPE html> <html> <head> <!-- 此处编写样式 --> <style type="text/css"> #div1{ outline:dashed; width: 800px; height: 440px; } #div2{ border: solid; float: left; margin: 10px 10px 10px 10px; text-align: center; } #div3{ border: solid; float: left; margin: 10px 10px 10px 10px; text-align: center; } #div4{ border: solid; margin: 10px 10px 10px 10px; float: left; text-align: center; } </style> </head> <body> <!-- 此处写代码 --> <div id="div1"> <div id="div2"> <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"> <p>欢迎来到慕课网学习新知识!</p> </div> <div id="div3"> <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"> <p>欢迎来到慕课网学习新知识!</p> </div> <div id="div4"> <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"> <p>欢迎来到慕课网学习新知识!</p> </div> <div id="div2"> <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"> <p>欢迎来到慕课网学习新知识!</p> </div> <div id="div3"> <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"> <p>欢迎来到慕课网学习新知识!</p> </div> <div id="div4"> <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"> <p>欢迎来到慕课网学习新知识!</p> </div> </div> </body> </html>
1回答
同学,你好。同学的代码实现了相应的效果。还有可以优化的地方。
例:css样式中#div2、#div3、#div4中样式是一样的,因此可以使用逗号选择器,或者可以定义为相同名字的类选择器
如果我的回答解决了您的疑惑,请采纳!祝学习愉快~~~~
相似问题