用Html實體制作三角形圖標
之前寫過用css來製作三角形圖標。這次寫的是用Html實體來製作三角形圖標,也是無需圖片,可以很方便的更改三角形圖標的大小和顏色。
下面一起看下是怎麼製作的。
操作方法
(01)首先看下我們的html代碼,如圖,例子代碼很簡單,就是一個div,div裏的內容是html實體符號:▲,這個符號最終顯示的是一個三角形。
(02)頁面運行結果,如圖,一個標準的三角形圖標,
(03)我們爲這個三角形圖標,添加一些樣式,改變三角形圖標的大小和顏色。樣式也代碼很簡單,就是加上字體大小,字體顏色的樣式代碼,如圖
(04)刷新頁面,顯示效果如圖,已經是一個很漂亮的三角形圖標了。
(05)只能是一個向上的三角形圖標嗎?不是的,可以有其他方向的三角形,我們在html裏再加一個向右的三角形,html代碼如圖,
(06)刷新頁面,就會看到二個方向的三角形圖標了,
(07)同理,我們再加上其他二個方向的三角形圖標,代碼如圖,(這裏不同的方向圖標,其實是由不同的html實體符號來實現的,符號:▲ 代表的是向上的三角形,符號:► 代表的是向右的三角形,符號:▼ 代表的是向下的三角形,符號:◄ 代表的是向左的三角形,
(08)讓三角形圖標顯示不一樣的大小,不一樣的顏色,樣式代碼如圖
(09)最終效果如圖,四個方向的三角形圖標,可以定義顏色,大小。
-
怎樣免費觀看最新高清電影大片和付費熱劇
時下,很多電影大片上映期間,很難在網絡上找到,往往都是預告片,或者是TS搶先版不清晰的影片;很多電視熱劇往往都是付費的,獨家的,或者需要購買各種視頻網站會員才能觀看。那麼我們如何不花錢就能一睹爲快呢?下面教給大家一些方法,不要太感謝我哦!操作方法(01)網絡電視觀看時...
-
EXCEL選擇性粘貼數值快捷鍵設置
在Excel中,我們經常會做選擇性粘貼數值的操作,總是通過鼠標來操作很不方便,如何設置一個好用的快捷鍵?下面來看一下。操作方法(01)打開excel,右鍵點擊工具欄空白地方,然後點擊‘自定義工具欄和菜單’(02)打開窗口後,點擊‘命令’(03)在命令欄下,點擊左邊的‘編輯’(04)接着在右...
-
頭像製作之可愛的猴子
萌萌噠的猴子頭像是我們都喜歡的,也有很多人喜歡拿到它來做我們一些運用的頭像,小編對於萌萌噠的猴子頭像也是很喜愛的,那麼,我們該如何製作可愛的猴子頭像呢?小編爲你詳細介紹下:頭像製作之可愛的猴子。工具/材料ai軟件電腦猴子操作方法01首先,我們打開我們的電腦,接...
-
qq好友查找搜索qq號碼找不到
如果QQ好友用QQ號碼查找我,找不到怎麼辦?操作方法(01)在電腦上登陸QQ,然後在登陸界面左上角點擊進入自己的頭像,在修改資料的界面中,QQ號碼的旁邊有一個小的標誌,點擊進入。(02)進入到的是一個網頁--我的QQ中心,它自動跳轉到賬號的界面,點擊中央界面右上角的“設置”,將顯示...