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)效果如圖,我們的分隔線雖然很簡單,但也能設定很多樣式,能做很好的美化效果。
-
EXCEL選擇性貼上數值快捷鍵設定
在Excel中,我們經常會做選擇性貼上數值的操作,總是通過滑鼠來操作很不方便,如何設定一個好用的快捷鍵?下面來看一下。操作方法(01)開啟excel,右鍵點選工具欄空白地方,然後點選‘自定義工具欄和選單’(02)開啟視窗後,點選‘命令’(03)在命令欄下,點選左邊的‘編輯’(04)接著在右...
-
微信聊天記錄怎麼備份和恢復?
我們在平時會經常使用微信來交流聊天,怎麼恢復微信刪除的記錄呢?對於大多數的重要聊天記錄,一定要及時備份,手機可以備份到本地電腦,這樣才能夠很好的保證檔案不時之需,在備份儲存的同時,電腦的安全也要注意,切勿把病毒殘留在電腦中。我們的微信聊天記錄被我們誤刪的情...
-
簡單幾步打造圖片的繪畫玻璃效果
怎麼製作圖片的繪畫玻璃效果呢?下面,就讓小編給大家介紹一下吧。操作方法01首先,我們需要開啟我們電腦的ps軟體(滑鼠左鍵雙擊桌面上的ps捷徑或者是滑鼠右鍵再選擇開啟都是可以的)。02開啟ps軟體之後,開啟一張圖片。03接著,我們複製背景圖層。04新增高斯模糊濾鏡效...
-
ie修復工具完美修復Internet Explorer無法使用
IE修復工具是一款針對IE瀏覽器無法開啟、IE瀏覽器崩潰、IE首頁被篡改及使用者無法上網所專門研發的一款瀏覽器修復工具。下面為大家介紹一下ie修復工具完美修復InternetExplorer無法使用。操作方法(01)首先在自己電腦上下載安裝電腦管家。(02)然後開啟電腦管家——點...