標籤：
因為在慕課網觀看了張大神的視頻，學習到了一點東西，向和大家分享。視頻地址
代碼如下：
<!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--非原創
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
