客服电话
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 *{ 8 padding: 0; 9 margin: 0; 10 } 11 .items{ 12 width:100%; 13 text-align: center; 14 margin-top: 100px; 15 } 16 .item{ 17 width: 316px; 18 height: 170px; 19 display: inline-block; 20 margin:0 10px; 21 overflow: hidden; 22 /*添加盒模型*/ 23 box-sizing: border-box; 24 } 25 .b1{ 26 background-image: url("../images/1.jpg"); 27 background-origin: border-box; 28 } 29 .b2{ 30 background-image: url("../images/2.jpg"); 31 } 32 .b3{ 33 background-image: url("../images/3.jpg"); 34 } 35 36 /*鼠标上 移时添加边框*/ 37 .item:hover{ 38 border: 10px solid red; 39 } 40 .box{ 41 width: 400px; 42 height: 200px; 43 background-color: #ccc; 44 } 45 .left{ 46 width: 199px; 47 height: 200px; 48 background-color: red; 49 float: left; 50 /*一个元素所真正占据空间是：width + padding + border + margin*/ 51 border-right:1px solid orange; 52 padding: 10px; 53 /* 54 box-sizing:设置盒模型 55 content-box：默认值，说明当前元素的总宽度 = width + padding + border 56 border-box:说明当前元素的总宽度 = width. 意味着如果添加border或padding会造成真正放置内容的区域变小。但是它的优点是能够提供更稳固的结构 57 */ 58 box-sizing: border-box; 59 } 60 .right{ 61 width: 200px; 62 height: 200px; 63 background-color: blue; 64 float: left; 65 } 66 </style> 67 </head> 68 <body> 69 <div class="box"> 70 <div class="left">asdfaasdf</div> 71 <div class="right"></div> 72 </div> 73 <div class="items"> 74 <div class="item b1"></div> 75 <div class="item b2"></div> 76 <div class="item b3"></div> 77 </div> 78 </body> 79 </html> 从下图 可以看出这个盒子的稳固程度：
|
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
六六分期app的软件客服如何联系？不知道吗？加qq群【895510560】即可！标题：六六分期
今天小编告诉大家如何处理win10系统火狐flash插件总是崩溃的问题，可能很多用户都不知
今天小编告诉大家如何对win10系统删除桌面回收站图标进行设置，可能很多用户都不知道
今天小编告诉大家如何对win10系统电脑设置节能降温的设置方法，想必大家都遇到过需要
我们在使用xp系统的过程中,经常需要对xp系统无线网络安装向导设置进行设置，可能很多
今天小编告诉大家如何处理win7系统玩cf老是与主机连接不稳定的问题，可能很多用户都不
电脑对日常生活的重要性小编就不多说了，可是一旦碰到win7系统设置cf烟雾头的问题，很
我们在日常使用电脑的时候，有的小伙伴们可能在打开应用的时候会遇见提示应用程序无法
今天小编告诉大家如何对win7系统打开vcf文件进行设置，可能很多用户都不知道怎么对win
今天小编告诉大家如何对win10系统s4开启USB调试模式进行设置，可能很多用户都不知道怎
请发表评论