html怎么寫虛線

1.網頁中的虛線是怎么實現的你把如下代碼加入你的HTML文件的<head>;和</head>;之間 。你就明白了
<style type=text/css>
<!--
#aaa{
border:1px dotted #333333;
width:200px;
height:200px;
}
-->
</style>
然后把下面的代碼加入你的HTML的<body>;和</body>;之間
<div id=aaa>;這里是aaa的內容</div>
以上文字的解釋 。
其實我剛剛學網頁設計的時候也不明白虛線怎么形成的 。
用Photoshop做也可以,
但是用CSS做才最方面,用起來很痛快,PS這個軟件做出來的很麻煩 。
上面CSS代碼的解釋 。
其中"1px dotted #333333"的意思就是1像素的虛線 。這個虛線的顏色是#333333
英語dotted的意思就是虛線的意思,
至于"width"的意思就是寬度200像素的意思
"height"就是高度200像素的意思 。
注意每一行CSS結束以后有個分號 。
還有符號不能錯一個,錯一個就不顯示了 。
還有“#aaa”這個aaa是我自己瞎編的 。
==========高級的====================
你在網頁上看見的是四邊都是虛線的 。
其實可以控制其中一個邊是虛線,其他三個邊都沒虛線 。
請把如下CSS代碼放到HTML的<head>;后面
<style type=text/css>
<!--
#aaa{
border-left:1px dotted red;
【html怎么寫虛線】border-right:1px dotted blue;
border-top:1px dotted green;
border-bottom:1px dotted #000000;
width:200px;
height:200px;
}
-->
</style>
注意<body>;里的東西不變 。
你會看見上下左右四個邊的顏色都不一樣了 。
里面有不會的英文詞,估計就bottom這個詞不會吧,就是“下面”的意思 。
left是左面,right是右面的意思 。top是上面的意思 。
慢慢的多看幾遍就明白了,CSS我看書看了好幾個月呢 。
2.在div中怎么添加虛線方法一:作一個1X2的圖 。半黑半白,再利用表格作成線 。這種方法雖然麻煩,但在任何瀏覽器中均可瀏覽,兼容性最好 。
方法二:在CSS里面設定 。
在CSS面板里new一個style,選擇“redefine HTML Tag”,再在下拉菜單里先“table”,在彈出的面板里,category里選擇border,在border里,將top,left,right,bottom都設成1px,顏色設成你想要的邊框的顏色 。然后在style下拉框里選擇dashed 。一切ok 。只是所有的表格都會用虛線做邊框了 。注意,這個效果在瀏覽器里才能看見 。
方法三:直接在html里設置(如果你只想讓某一個表格邊框是虛線的話) 。
在表格的html里加上這個:
style="BORDER-LEFT: 000000 1PX DASHED; BORDER-RIGHT: 000000 1PX DASHED; BORDER-TOP: 000000 1PX DASHED; BORDER-BOTTOM: 000000 1PX DASHED"

html怎么寫虛線

文章插圖