亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

CSS如何制作圓、橢圓、箭頭和三角形圖標

發布時間:2023-01-03 11:02:37 來源:億速云 閱讀:107 作者:iii 欄目:開發技術

這篇文章主要介紹“CSS如何制作圓、橢圓、箭頭和三角形圖標”的相關知識,小編通過實際案例向大家展示操作過程,操作方法簡單快捷,實用性強,希望這篇“CSS如何制作圓、橢圓、箭頭和三角形圖標”文章能幫助大家解決問題。

圓:

  1. .yuan{    
    width:100px;    
    height:100px;    
    -moz-border-radius:50%;    
    -webkit-border-radius:50%;    
    border-radius:50%;    
    background-color:red;    
    }    
    <div class="yuan"></div>

CSS如何制作圓、橢圓、箭頭和三角形圖標


橢圓

  1. .oval {    
    width: 200px;    
    height: 100px;    
    background-color: red;    
    -moz-border-radius: 100px / 50px;    
    -webkit-border-radius: 100px / 50px;    
    border-radius: 100px / 50px;    
    }    
    <div class="oval"></div>

CSS如何制作圓、橢圓、箭頭和三角形圖標



箭頭:

.arrow{    
content: '';    
position: absolute;    
width: 30px;    
height: 30px;    
border: 10px solid #f5b24a;    
-webkit-transform: rotate(-135deg);    
-moz-transform: rotate(-135deg);    
-o-transform: rotate(-135deg);    
-ms-transform: rotate(-135deg);    
transform: rotate(-135deg);    
border-top: none;    
border-right: none;    
top: 9px;    
}    
<span class="arrow"></span>

CSS如何制作圓、橢圓、箭頭和三角形圖標


三角形:

  1. .rencentle {    
    width: 0;    
    height: 0;    
    border-left: 50px solid transparent;    
    border-right: 50px solid transparent;    
    border-bottom: 100px solid red;    
    }    
    <div class="rencentle"></div>

什么是css

css是一種用來表現HTML或XML等文件樣式的計算機語言,主要是用來設計網頁的樣式,使網頁更加美化。它也是一種定義樣式結構如字體、顏色、位置等的語言,并且css樣式可以直接存儲于HTML網頁或者單獨的樣式單文件中,而樣式規則的優先級由css根據這個層次結構決定,從而實現級聯效果,發展至今,css不僅能裝飾網頁,也可以配合各種腳本對于網頁進行格式化。

關于“CSS如何制作圓、橢圓、箭頭和三角形圖標”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識,可以關注億速云行業資訊頻道,小編每天都會為大家更新不同的知識點。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

css
AI

毕节市| 梁平县| 湟中县| 闵行区| 雅江县| 疏勒县| 澄迈县| 巴塘县| 顺平县| 天等县| 乌拉特后旗| 莱阳市| 通辽市| 合江县| 绥芬河市| 临西县| 汶上县| 巩留县| 库伦旗| 罗源县| 衡山县| 昭平县| 陇川县| 瑞丽市| 山丹县| 九龙坡区| 平塘县| 太白县| 墨脱县| 茂名市| 炎陵县| 静安区| 阿克苏市| 丹棱县| 庆云县| 即墨市| 井陉县| 米脂县| 普陀区| 江门市| 昂仁县|