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)效果如圖,我們的分隔線雖然很簡單,但也能設置很多樣式,能做很好的美化效果。
-
怎樣使用反光板
反光板作為拍攝中的輔助設備,他的常見程度不亞於閃光燈。根據環境需要用好反光板,可以讓平淡的畫面變得更加飽滿、體現出良好的影像光感、質感。同時,利用它適當改變畫面中的光線,對於簡潔畫面成分,突出主體也有很好的作用。步驟/方法(01)下面的圖片示範來自《DCMASTE...
-
怎樣成為一名黑客
黑客作為一個神祕詞語讓很多人都充滿嚮往,現在來給大夥介紹下。操作方法(01)什麼是黑客?JargonFile包含了一大堆關於“hacker”這個詞的定義,大部分與技術高超和熱衷解決問題及超越極限有關。但如果你只想知道如何成為一名黑客,那麼只有兩件事情確實相關。這可以追溯...
-
如何更新word目錄
word的目錄設置好以後發生了改變要怎麼辦,更新一下就好了,怎麼更新呢?讓小編教給你操作指南。操作方法(01)打開一個已經生成好目錄的word文檔。(02)用鼠標左鍵單擊目錄後,整個目錄被複選。(03)在目錄上點擊鼠標右鍵,在右鍵菜單中選擇更新域選項。(04)如果只是增加了內容或更...
-
怎樣給針式打印機換色帶
在我們使用針式打印機的過程中,色帶用完了怎麼辦?該如何更換?下面小編帶大家一起看看。操作方法(01)打開機蓋。(02)將圖示裝置推到中間來。(03)將新色帶對準安裝位置。(04)對準後將新色帶按下去。(05)將色帶上固定打印頭的裝置放在打印頭下,且對準打印頭。(06)對準槽孔後將裝置...