免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

用css畫簡單的圖形

2023-12-16    分類： 網站建設

今天，我們要學習如何使用簡單的CSS來創建不同類型的平面圖形。

使用代碼

矩形

.rectangle { width: 250px; height: 150px; background-color: #6DC75F; }

<div></div>

三角形

.triangleUp { border-left: 75px solid transparent; border-right: 75px solid transparent; border-bottom: 150px solid #6DC75F; width: 0; height: 0; }

<div class="triangleUp"></div>

橢圓形

.oval { width: 300px; height: 150px; background: #6DC75F; -moz-border-radius: 150px / 75px; -webkit-border-radius: 150px / 75px; border-radius: 150px / 75px; }

<div class="oval"></div>

月牙形

.moon { width: 150px; height: 150px; border-radius: 50%; box-shadow: 15px 15px 0 0 green; }

<div class="moon"></div>

樹葉

.leaf { border-radius: 5px 300px 3px 300px; background: #6DC75F; width: 150px; height: 150px; }

<div class="leaf"></div>

CSS能讓你完成很多令人驚艷的事情…

本文來源于成都網站建設公司與成都網站設計制作公司-創新互聯成都公司！

新聞標題：用css畫簡單的圖形
文章路徑：http://m.newbst.com/news32/308882.html

成都網站建設公司_創新互聯，為您提供網站設計、域名注冊、全網營銷推廣、定制開發、靜態網站、網站排名

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯

成都網頁設計公司