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"
文章插图