CSS如何定義一條水平虛線?

需要準(zhǔn)備的材料分別有：電腦、瀏覽器、html編輯器。

江都網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)建站！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站等網(wǎng)站項目制作，到程序開發(fā)，運營維護(hù)。創(chuàng)新互聯(lián)建站成立與2013年到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)建站。

1、首先，打開html編輯器，新建html文件，例如：index.html。

2、在index.html中的style標(biāo)簽中，輸入css代碼：div {height:60px;border-bottom:1px dashed}。

3、瀏覽器運行index.html頁面，此時通過css定義了一個水平的虛線。

用csS定位兩條水平線

Html代碼：

body

div id="left"

左水平線

/div

div id="right"

右水平線

/div

/body

css代碼：

style type="text/css"

#left{

border-bottom:solid #999999 2px;

margin-left:20%;}

#right{

border-bottom:solid #999999 2px;

margin-right:30%;}

/style

說明:其實水平線制作方法我也不是很清楚，我這個是用div做的，能到達(dá)你說的效果，但是我覺得應(yīng)該還有更簡單的辦法！！知道了給我說喲，大家相互學(xué)習(xí)！

CSS文件中如何定義水平線的寬度

html

head

style

hr{width:1;height:100;color:#ff9966}

.h1{width:1;height:200;color:#ff0000}

/style

/head

body

hr

hr class="h1"

/body

/html

width可以設(shè)置，height在IE中最高顯示100px

CSS定義HR水平線的幾種樣式

對于CSS定義水平線標(biāo)簽，常用的有以下幾種樣式，僅供參考。對于 程序代碼height:1px;border:none;的主要用途就是Css Reset，關(guān)于Css Reset可以搜索下博客里其他文章介紹。

網(wǎng)頁名稱：css樣式水平線規(guī)則,css樣式
標(biāo)題路徑：http://www.chinadenli.net/article48/dscoshp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗、自適應(yīng)網(wǎng)站、移動網(wǎng)站建設(shè)、建站公司、App設(shè)計、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)