育才学习网1.怎么在html代码中画虚线
你可以参考 border-style 的属性 。用hr 标记 border的属性为虚线就可以了
<hr style="border:1px dashed #ff0000"/>
或者更多专爨业解答前端学xí群 497187010
none 定义无边框。
hidden 与 "none" 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。
dotted 定义点状边框。在大多数浏览器中呈现为实线。
dashed 定义虚线。在大多数浏览器中呈现为实线。
solid 定义实线。
douВLe 定义双线。双线的宽度等于 border-width 的值。
groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。
ridge 定义 3D 垄状边框。其效果取决于 border-color 的值。
inset 定义 3D inset 边框。其效果取决于 border-color 的值。
outset 定义 3D outset 边框。其效果取决于 border-color 的值。
inherit 规定应该从父元素继承边框样式。
2.html表格里的虚线边框怎么做
<html>
<head>
<title>ss</title>
</head>>
<body>
<table style="border-style:dashed; border-width:1px; border-color:#000000;">
<tr>
<td>ddd</td>
</tr>
</table>
</body
</html>
3.网页中的虚线是怎么实现的
你把如下代码加入你的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;
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我看书看了好几个月呢。
转载请注明出处育才学习网 » html中虚线怎么写