用CSS製作三角形,替代背景圖片
網頁設計,製作,在早期,一般都是用背景圖片來呈現三角形,比如一個提示視窗,有一個三角形圖標指示,這個圖標一般就是背景圖片來的。
現在我們不用背景圖片,直接用CSS來生成,需要怎麼做呢?
操作方法
(01)先看下html代碼,代碼很簡單,就是幾個div,我們爲其中一個div加上樣式名,angle, 這個div就是最終要呈現三角形的。
(02)然後添加對應的css樣式,讓div呈現爲三角形,代碼如圖,把div 長,高(width, height)設定爲0,分別設定左邊框,右邊框和上邊框的樣式。
(03)看下呈現的效果,可以看到,就是一個標準的三角形,
(04)爲什麼要用css來製作,而不是背景圖片呢,因爲用css來製作,可以很容易的改變三角形的大小,背景色。下面把代碼稍稍改一下,
(05)可以看到,三角形變大了,
(06)這次把顏色改一下,代碼上就是把border的顏色就可以了,是不是很方便?
(07)下面看一個完整的應用例子,代碼,效果如圖,
-
AutoCAD2016如何設定經典模式
CAD軟件版本在不斷的升級更新,其功能越來越強大,在我們使用該軟件是不是還在留戀CAD的經典模式呢,下面我們就來看看AutoCAD2016如何設定經典模式的吧。操作方法(01)在桌面上雙擊CAD2016的快捷圖標,開啟CAD2016這款軟件,進入CAD2016的操作介面,如圖所示:(02)在該軟件的下面...
-
在BIOS中開啓VT虛擬化以提高安卓模擬器的性能
在BIOS中開啓VT虛擬化可以較大的提高安卓模擬器的性能,現在就教教大家怎麼進行操作。操作方法(01)下載並安裝CPU-V。(02)先重啓電腦,開機後按delete鍵進入BIOS,不同的主板進入BIOS的按鍵不同(自己可以網上搜尋下)。進入BIOS後,找到VirtualizationTechnology,把Disabled改...
-
畢業論文在word中的頁碼設定
畢業論文中需要在前幾頁用羅馬數字,後面的頁數用阿拉伯數字,怎麼設定,讓小編教給你指南。操作方法(01)開啟一篇工作文檔作爲例子。(02)先選擇文檔首頁,然後在工具欄中切換到插入標籤下的頁碼設定。(03)修改編號格式爲羅馬數字後點擊確定。(04)下拉文檔頁面到設定數字頁碼的...
-
怎樣使用反光板
反光板作爲拍攝中的輔助設備,他的常見程度不亞於閃光燈。根據環境需要用好反光板,可以讓平淡的畫面變得更加飽滿、體現出良好的影像光感、質感。同時,利用它適當改變畫面中的光線,對於簡潔畫面成分,突出主體也有很好的作用。步驟/方法(01)下面的圖片示範來自《DCMASTE...