HTML分隔線如何美化?
做HTML頁面開發時,在幾段文字之間,或幾塊內容之間,經常會使用分隔線去做分隔,以讓頁面顯示更加有條理。分隔線我們基本上都是用hr標籤去生成,怎麼去美化這個分隔線?下面一起看下。
操作方法
(01)先看下我們的html代碼,二個p段落,中間用hr作分隔,代碼如圖。
(02)頁面運行後,可以看到,默認的hr分隔線就是一條黑色的線條,算不上美觀。
(03)通過添加一些樣式,我們可以設置hr分隔線的大小和顏色,主要是設置它的border樣式。代碼如下,ent hr{ border: 2px solid #cc0000 }
(04)刷新頁面,可以看到效果如圖
(05)我們還可以把分隔線默認的實體線改成點劃線,只需要把border樣式改成如下:border: 1px dashed #cc0000;效果如圖。
(06)另外如果你需要很複雜的分隔線,就需要用背景圖來實現了,我們可以為hr設置背景圖,但要注意的是,如果是用背景圖,我們一定要設置hr的高度,和把border設置為none,代碼如圖
(07)效果如圖,我們的分隔線雖然很簡單,但也能設置很多樣式,能做很好的美化效果。
-
斐訊(phicomm)無線路由器怎麼設置
無線路由器的種類有很多,WiFi對人類生活越來越重要,每種無線路由器的設置不同,小編在這裏給大家介紹一下斐訊(phicomm)無線路由器怎麼設置。操作方法(01)將插在電腦上的網線拔掉,用額外準備的網線一頭連接電腦一頭連接路由器數字口,下面的“LAN口”都可以,把剛剛從電腦...
-
qq手機密保怎麼解綁
在更換新手機號後qq上面綁定的之前的手機號就不能用了,那qq手機密保怎麼解綁呢?請看下面解析。操作方法(01)登錄qq,點擊左下角“主菜單”》點擊“安全”》點擊“安全中心首頁”。(02)進入安全中心頁面後,點擊右側密保手機“更換”。(03)輸入新的手機號碼進行原手機密保解...
-
電腦上着怎樣將錄音轉文字
工作中如果我們收到一份錄音文件需要將其轉換為文字,那麼我們應該怎樣在電腦上快速實現這個問題呢?下面小編就來給大家分享一個可以輕鬆實現錄音轉文字的方法來幫助大家實現這個問題。操作方法(01)先在電腦上準備好需要進行轉換的錄音文件,然後再通過電腦瀏覽器搜索...
-
HTML分隔線如何美化?
做HTML頁面開發時,在幾段文字之間,或幾塊內容之間,經常會使用分隔線去做分隔,以讓頁面顯示更加有條理。分隔線我們基本上都是用hr標籤去生成,怎麼去美化這個分隔線?下面一起看下。操作方法(01)先看下我們的html代碼,二個p段落,中間用hr作分隔,代碼如圖。(02)頁面運行後,可以...