用Html實體制作三角形圖標
之前寫過用css來製作三角形圖標。這次寫的是用Html實體來製作三角形圖標,也是無需圖片,可以很方便的更改三角形圖標的大小和顏色。
下面一起看下是怎麼製作的。
操作方法
(01)首先看下我們的html代碼,如圖,例子代碼很簡單,就是一個div,div裏的內容是html實體符號:▲,這個符號最終顯示的是一個三角形。
(02)頁面執行結果,如圖,一個標準的三角形圖標,
(03)我們爲這個三角形圖標,添加一些樣式,改變三角形圖標的大小和顏色。樣式也代碼很簡單,就是加上字型大小,字型顏色的樣式代碼,如圖
(04)重新載入頁面,顯示效果如圖,已經是一個很漂亮的三角形圖標了。
(05)只能是一個向上的三角形圖標嗎?不是的,可以有其他方向的三角形,我們在html裏再加一個向右的三角形,html代碼如圖,
(06)重新載入頁面,就會看到二個方向的三角形圖標了,
(07)同理,我們再加上其他二個方向的三角形圖標,代碼如圖,(這裏不同的方向圖標,其實是由不同的html實體符號來實現的,符號:▲ 代表的是向上的三角形,符號:► 代表的是向右的三角形,符號:▼ 代表的是向下的三角形,符號:◄ 代表的是向左的三角形,
(08)讓三角形圖標顯示不一樣的大小,不一樣的顏色,樣式代碼如圖
(09)最終效果如圖,四個方向的三角形圖標,可以定義顏色,大小。
-
怎樣使用反光板
反光板作爲拍攝中的輔助設備,他的常見程度不亞於閃光燈。根據環境需要用好反光板,可以讓平淡的畫面變得更加飽滿、體現出良好的影像光感、質感。同時,利用它適當改變畫面中的光線,對於簡潔畫面成分,突出主體也有很好的作用。步驟/方法(01)下面的圖片示範來自《DCMASTE...
-
怎樣成爲一名黑客
黑客作爲一個神祕詞語讓很多人都充滿嚮往,現在來給大夥介紹下。操作方法(01)什麼是黑客?JargonFile包含了一大堆關於“hacker”這個詞的定義,大部分與技術高超和熱衷解決問題及超越極限有關。但如果你只想知道如何成爲一名黑客,那麼只有兩件事情確實相關。這可以追溯...
-
如何更新word目錄
word的目錄設定好以後發生了改變要怎麼辦,更新一下就好了,怎麼更新呢?讓小編教給你操作指南。操作方法(01)開啟一個已經生成好目錄的word文檔。(02)用鼠標左鍵單擊目錄後,整個目錄被複選。(03)在目錄上點擊鼠標右鍵,在右鍵選單中選擇更新域選項。(04)如果只是增加了內容或更...
-
怎樣給針式打印機換色帶
在我們使用針式打印機的過程中,色帶用完了怎麼辦?該如何更換?下面小編帶大家一起看看。操作方法(01)開啟機蓋。(02)將圖示裝置推到中間來。(03)將新色帶對準安裝位置。(04)對準後將新色帶按下去。(05)將色帶上固定打印頭的裝置放在打印頭下,且對準打印頭。(06)對準槽孔後將裝置...