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

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

創(chuàng)新互聯(lián)是專(zhuān)業(yè)的木壘哈薩克網(wǎng)站建設(shè)公司，木壘哈薩克接單;提供成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì),網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專(zhuān)業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行木壘哈薩克網(wǎng)站開(kāi)發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專(zhuān)業(yè)做搜索引擎喜愛(ài)的網(wǎng)站,專(zhuān)業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來(lái)合作!

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

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

3、瀏覽器運(yùn)行index.html頁(yè)面，此時(shí)通過(guò)css定義了一個(gè)水平的虛線。

css虛線樣式怎么實(shí)現(xiàn)

css有兩種虛線形式，一種是dashed，一種是dotted；如：

div?style="width:100px;height:100px;border:1px?dashed?red"/div

div?style="width:100px;height:100px;border:1px?dotted?red"/div

效果圖如下：

CSS加虛線是哪個(gè)屬性？

在CSS 中常見(jiàn)的邊框(border) 屬性有以下幾種：

border-style

border-width

border-color

border-top-, border-left-, border-bottom-, border-right-

border

border-style

border-style屬性指定邊框的樣式。以下的表格列出這個(gè)屬性可能有的值，以及每一個(gè)值顯現(xiàn)出來(lái)的結(jié)果。

border-width

border-width屬性是用來(lái)設(shè)定邊框的寬度。可用的值為thin (薄)、medium (中等)、thick (厚)，或是一個(gè)數(shù)字。

border-color

border-color屬性是用來(lái)設(shè)定邊寬的顏色。

border-top-, border-left-, border-bottom-, border-right-

我們可以將方向(top -上、bottom -下、left -左、right -右)和樣式、寬度、及顏色合起來(lái)而成為一個(gè)屬性。舉例來(lái)說(shuō)， border-top-style屬性就是用來(lái)設(shè)定上邊框的樣式。以下舉幾個(gè)例子：

border

若四邊的邊框?qū)傩远家粯樱俏覀兛梢杂靡粋€(gè)border屬性來(lái)描述，而不必四個(gè)邊都描述一次。另外，我們可以在同一行一次宣告邊框樣式、邊框?qū)挾取⒁约斑吙蝾伾?/p>

p {

border:#0000FF 5px solid;?

}

那以下的HTML，

p用一行來(lái)宣布所有邊框的屬性/p ?

會(huì)顯現(xiàn)出

文章題目：css虛線樣式,css border 虛線
文章出自：http://m.jcarcd.cn/article/dsdspoe.html