软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > 工具与技巧 > 使用“HR”符号在网页中插入虚线的方法

使用“HR”符号在网页中插入虚线的方法

 烈火建站学院(LieHuo.Net)心得技巧 在Deamweaver、Frontpage中编辑网页代码非常方便,比如插入一条水平线,直接按菜单-插入-HTML-水平线即可,如下图:

在新窗口中预览图片
在Dreamweaver中插入水平线

  现在很多人都不习惯也不想使用DW进行编辑了,那么直接写代码可以吗?回答:当然可以,烈火建站学院总结了三种方法,希望高手复习,新手学习。

方法1:

在<head>中预先定义好CSS:

以下为引用的内容:
<STYLE type=text/css>
.dotline {
BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted;
BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted}
</STYLE>

然后在body中水平线的代码为:

以下为引用的内容:
<hr class=dotline color=#111111 size=1>

方法2:

直接在<hr>中使用如下代码:

以下为引用的内容:
<hr style="BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted" color=#111111 size=1>

方法3:

更为简单的方法,使用如下代码:

以下为引用的内容:
<hr style="border:1px dashed color=#111111; height:1px">

    相关阅读
    栏目导航
    推荐软件