导航:首页 > 万维百科 > 网页设计一条横线

网页设计一条横线

 发布时间：2021-03-14 11:19:32

1、网页设计如何插入水平线

在Dreamweaver里有以下办法：
1、设计视图，点插入菜单-HTML-水平线，或者在代码视图，直接输入<hr>即可；
2、插入一个高度为1px的表格或div，一定要删除空格符 ，div的话还要设置超出隐藏；
3、可以用CSS：border-bottom:1px solid #ccc;
4、可以用插入一个直线图片

2、如何在HTML中画一条线

需要准备的材料分别有：电脑、chrome浏览器、html编辑器。

1、首先打开html编辑器，新建一个html文件，例如：index.html。

2、其次，在index.html的<body>标签中，添加代码：<hr/>。

3、浏览器运行index.html页面，此时成功在html中画了一条线。

3、在html里 怎么在字的中间加一条横线表示这些字被划掉了，用css。

<style type="text/css" media="screen">
.line_m{text-decoration:line-through}
</style>
<span class="line_m">中间是空格</span>文字<span class="line_m">中间是空格</span>
需要多长就多加一个(空格)。
CSS就是一种叫做样式表（stylesheet）的技术。也有的人称之为层叠样式表（Cascading Stylesheet）。

在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。

它的作用可以达到：

（1）在几乎所有的浏览器上都可以使用。

（2）以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。

（3）使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。

（4）你可以轻松地控制页面的布局 。

（5）你可以将许多网页的风格格式同时更新，不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。

4、在html静态页面中，使用哪个标签插入一条直线

HTML <hr> 标签 定义和用法 <hr> 标签在 HTML 页面中创建一条水平线。水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。 http://www.w3school.com.cn/tags/tag_hr.asp 具体用法和可用属性看这个地方。

5、jsp页面中如何显示一条横线....

<p>hr控制

<!-- width控制线的长度size控制线的粗细 -->

横线：<hr width=500 size=0 color="#999999">

<!-- width控制线的宽度，size控制线的长短 -->

横线<br><div style="position:relative; width:600; height:1px; background-color:red"></div>

<div style="background:#fff;

text-align: center;

margin:0 auto;

margin-bottom:-18px;

width: 90px;

position:relative;

">XXXXXXXXX</div><hr/>

(5)网页设计一条横线扩展资料

在网页中画一条竖线

1<div style="width:1000;height:1;;border-top:1px dotted #000000"></div>2<s 

style="width:1000;height:1;border-top:1px dotted #000000"></s>3<b 

style="width:1000;height:1;border-top:1px dotted #000000"></b>4<input 

style="width:1000;height:1;border-top:1px dotted #000000">5<a 

style="width:1000;height:1;;border-top:1px dotted #000000"></a>6<center 

style="width:1000;height:1;;border-top:1px dotted #000000"></center>7<iframe 

style="width:1000;height:1;;border-top:1px dotted #000000;" frameborder=no>

</iframe>8<img style="width:1000;height:1;;border-top:1px dotted #000000">

</img>9<hr size="1" noshade style="height:100;width:1;border:1px dotted 

#000000;zoom:2">线条长度=zoom*height10<hr size="1" noshade style="border:1px 

dotted #000000">部分不能显示请装IE5.5+

6、html代码中:如何输入一条长长的横线呀?谢谢

用input页面标签

并将下Border设为直线

<style>

input[type="text"]{border-bottom:solid 1px #ccc;}

<style>

<input type="text"/>

或

输出一条横线用：<hr>如果想让它长点就改变它的样式：<hr style="width:1000PX;">变长和粗：<hr style="width:1000PX;height:20px;">其中width 是宽（长），height是高（粗细）。

(6)网页设计一条横线扩展资料：

<head></head>：这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容，它本身不作为内容来显示，但影响网页显示的效果。头部中最常用的标记符是标题标记符和meta标记符，其中标题标记符用于定义网页的标题，它的内容显示在网页窗口的标题栏中，网页标题可被浏览器用做书签和收藏清单。

7、在制作网站时，如何让打出来的字中间加一条横线？

是删除线吧

<font style="text-decoration: line-through;">测试文字</font>

把这个复制到网页去看看是不是你要的效果。

与网页设计一条横线相关的知识