响应式Web开发项目教程（HTML5+CSS3+Bootstrap）第2版例2-5 CSS3盒子模型

共5个文件

jpg：4个

html：1个

html

0 下载量 49 浏览量 2024-01-04 17:42:30 上传评论收藏 36KB ZIP 举报

温馨提示

响应式Web开发项目教程（HTML5+CSS3+Bootstrap）第2版第2章 CSS3文本与图标例2-5 CSS3盒子模型

资源推荐

资源详情

资源评论

收起资源包目录

例2-5.zip （5个子文件）

例2-5

demo5.html 791B

images

goods

棉服.jpg 9KB

男包.jpg 10KB

女包.jpg 9KB

登山鞋.jpg 8KB

共 5 条

<!doctype html> <html> <head> <meta charset="utf-8"> <title>CSS3盒子模型</title> <style> .box{ width: 600px; } img{ width: 150px; height: 150px; float: left; box-sizing: border-box; /*box-sizing:content-box;*/ /*设置盒子的边框*/ border: 1px solid #000; /*设置左侧外边距*/ /*margin-left:1px;*/ /*设置盒子的内边距*/ /*padding:10px;*/ } </style> </head> <body> <div class="box"> <img src="images/goods/登山鞋.jpg" alt=""> <img src="images/goods/女包.jpg" alt=""> <img src="images/goods/男包.jpg" alt=""> <img src="images/goods/棉服.jpg" alt=""> </div> </body> </html>

评论收藏

内容反馈

资源评论