星空网 > 软件开发 > 网页设计

CSS理解之padding

因为在慕课网观看了张大神的视频,学习到了一点东西,向和大家分享。视频地址

代码如下:

<!DOCTYPE html><html lang="zh-CN"><head>  <meta charset="UTF-8">  <title>CSS理解之padding</title>  <style type="text/css">    .wrap {      width: 150px;      padding: 20px;      border: 2px solid #ccc;    }    .line-tri {      width: 150px;      height: 30px;      padding: 15px 0;      border-top: 30px solid #000;      border-bottom: 30px solid #000;      background-color: #000;      background-clip: content-box;    }    .eye {      width: 150px;      height: 150px;      padding: 10px;      border: 10px solid #000;      border-radius: 50%;      background-color: #000;      background-clip: content-box;    }  </style></head><body>  <!--实现大队长的三道杠,百度网盘里面的切换图案-->  <div class="wrap">    <div class="line-tri"></div>  </div>  <br />  <br />  <br />  <!--实现"白眼"效果-->  <div class="eye"></div></body></html>

代码演示地址




原标题:CSS理解之padding

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

跨境日报 ︳杭甬联手发布17条措施 便利跨境贸易企业:https://www.ikjzd.com/articles/139164
FedEx、DHL、UPS快递2021年元旦假期服务安排!:https://www.ikjzd.com/articles/139165
跨境人的2020年度关键词,你集齐了几个?(有福利!):https://www.ikjzd.com/articles/139166
破纪录高峰购物的背后!大量退货导致运输压力:https://www.ikjzd.com/articles/139167
亚马逊发货限制放宽!货运压力致美国港口出口下降:https://www.ikjzd.com/articles/139168
Wish大战资本市场,上市成功然后呢?:https://www.ikjzd.com/articles/139169
长治婚庆女司仪和主持人:https://www.vstour.cn/a/366176.html
北京丰台区水上乐园哪家好玩?:https://www.vstour.cn/a/366177.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流