1、CSS下劃線是虛線怎麼表示
一個是border-bottom: 1px dotted #000; 黑色1像素點邊框,這是塊級元素
還有一種是縮寫,<abbr>文本</abbr>,這種是不是常規的CSS樣式,而是縮寫標簽,但可以在內嵌元素上使用,外觀是點下劃線。
2、網頁中文字虛線下劃線
你試著使用CSS樣式.
定議一個CSS,並將文字的樣式鏈接到這個CSS樣式中:
假設定議的樣式為:.word
CSS樣式代碼如下,
<style type="text/css">
<!--
.word {
font-family: "宋體";/*字體*/
color: #000000;/*字體顏色*/
text-decoration: none;
border-top-width: 1px;/*這幾個1PX為虛線粗線,單產像素*/
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: dashed;
border-left-style: none;
border-top-color: #00FF00;/*這些值為虛線顏色*/
border-right-color: #00FF00;
border-bottom-color: #00FF00;
border-left-color: #00FF00;
}
-->
</style>
參考中的網址為我站的網上學堂欄目的網址.你可以從裡面學習很多知識,不會的就去裡面找找,如果沒有再來網路提問.
3、怎麼用DW為文字加虛線下劃線?
border : border-width || border-style || border-color
取值:
該屬性是復合屬性。請參閱各參數對應的屬性。
默認值為: medium none 。 border-color 的默認值將採用文本顏色。
說明:
設置對象的邊框樣式。
當你指定了邊框顏色( border-color )和邊框寬度( border-width )時,你必須同時指定邊框樣式( border-style ),否則邊框不會被呈現。
如使用該復合屬性定義其單個參數,則其他參數的默認值將無條件覆蓋各自對應的單個屬性設置。
例如:設置 border : thin 等於設置 border : thin none ,而 border-color 的默認值將採用文本顏色。因此此前的任何 border-color 和 border-width 設置都會被清除。
在 IE5.5+ 中,邊框屬性可以直接應用於內聯要素。而在此前的版本中,內聯要素要使用該屬性,必須先設定對象的 height 或 width 屬性,或者設定 position 屬性為 absolute ,或者設定 display 屬性為 block 。
對應的腳本特性為 border 。
border-bottom-style版本:CSS2 兼容性:IE4+ NS6+ 繼承性:無
語法:
border-bottom-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
取值:
none : 默認值。無邊框。不受任何指定的 border-width 值影響
hidden : 隱藏邊框。IE不支持
dotted : 在MAC平台上IE4+與WINDOWS和UNIX平台上IE5.5+為點線。否則為實線
dashed : 在MAC平台上IE4+與WINDOWS和UNIX平台上IE5.5+為虛線。否則為實線
solid : 實線邊框
double : 雙線邊框。兩條單線與其間隔的和等於指定的 border-width 值
groove : 根據 border-color 的值畫3D凹槽
ridge : 根據 border-color 的值畫菱形邊框
inset : 根據 border-color 的值畫3D凹邊
outset : 根據 border-color 的值畫3D凸邊
說明:
設置對象下邊框的樣式。
此屬性對於 currentStyle 對象而言是只讀的。對於其他對象而言是可讀寫的。
在 IE5.5+ 中,邊框屬性可以直接應用於內聯要素。而在此前的版本中,內聯要素要使用該屬性,必須先設定對象的 height 或 width 屬性,或者設定 position 屬性為 absolute ,或者設定 display 屬性為 block 。
如果 border-bottom-width 設置為 0 ,本屬性將失去作用。
4、html 中text-decoration中怎麼把下劃線設置成虛線
就我所知,貌似沒有這種辦法。
不過你可以用另一種方式實現:給這個文字加border-bottom:1px dashed #000;
這樣就是虛線了
5、怎麼把超鏈接的下劃線做成虛線的?
用抄CSS:
<style type="text/css">
<!--
a:link {
border-bottom:#000000 dashed 1px;
text-decoration:none;
}
a:visited {
border-bottom:#000000 dashed 1px;
text-decoration:none;
}
a:active {
border-bottom:#000000 dashed 1px;
text-decoration:none;
}
a:hover {
border-bottom:#000000 dashed 1px;
text-decoration:none;
}
-->
</style>
<a href="#">看看效果</a>
6、css里怎麼使得文字的下劃線是虛線啊?
直接運用CSS中的文本修飾屬性text-decoration是沒有辦法實現下劃線為虛線的。不過可以考慮使用border屬性來實現。示例代碼如下:
border-bottom:1px dashed #000;這里的意思就是1px寬度的黑色虛線下邊框。看起來就跟下劃線一樣的效果。