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

网页设计虚横线

发布时间:2021-01-17 15:54:22

1、如何在HTML中设计<hr>即水平线的颜色??

在HTML中设计水平线的方法如下

1  在网页设计过程中,如果随意利用缺省水平线,常常会出现插入的水平线与整个网页颜色不协调的情况。打开水平线属性面板也只有宽、高、对齐以及阴影方面的设置。

2,对水平线颜色的设置,怎么办? 其实,你只要仔细看一下水平线的属性设置面板,就会发现一个“快速标签编辑器”,点击此标签并在后面输入color=颜色。这里的“颜色”可以是任何颜色,一般格式为:< hr color=#FF0000>。

3,用这个方法设置后,在Dreamweaver中无法直接看到效果,我们可以点击“F12”键,在浏览器里浏览水平线的颜色变化。 

最后,再告诉你个小技巧

诸如“#FF0000”这样的颜色代码对于初级朋友来说不容易分辩,你可以这样做:给网页中的字体加上颜色此颜色是你想给水平线所要加的颜色,然后把颜色代码复制并粘贴到水平线的“快速标签编辑器”即可。

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

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

3、网页设计让横线和竖线连在一起

<!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />无标题文档</head><style>.cross{width:500px;height:0;border-top:1px solid blue;}.vertical{width:0;height:400px;border-left:1px solid red;}</style><body><div class="cross"></div><div class="vertical"></div></body>

4、网页设计中怎么可以弄横线,如下http://hao.360.cn/最上面的横线。

添加下划线标签,你用的是什么编码的。

5、网页制作,请教超级连接下面的横线怎么去掉呢?

楼上的不会就别乱说.

我们最常用的是4种a(锚)元素的伪类,它表示动态链接在4种不同的状态:link、visited、active、hover(未访问的链接、已访问的链接、激活链接和鼠标停留在链接上)。我们把它们分别定义不同的效果:

a:link {color: #FF0000; text-decoration: none} /* 未访问的链接 */
a:visited {color: #00FF00; text-decoration: none} /* 已访问的链接 */
a:hover {color: #FF00FF; text-decoration: underline} /* 鼠标在链接上 */
a:active {color: #0000FF; text-decoration: underline} /* 激活链接 */

(上面这个例子中,这个链接未访问时的颜色是红色并无下划线,访问后是绿色并无下划线,激活链接时为蓝色并有下划线,鼠标在链接上时为紫色并有下划线)
注意:有时这个链接访问前鼠标指向链接时有效果,而链接访问后鼠标再次指向链接时却无效果了。这是因为你把a:hover放在了a:visited的前面,这样的话由于后面的优先级高,当访问链接后就忽略了a:hover的效果。所以根据叠层顺序,我们在定义这些链接样式时,一定要按照a:link, a:visited, a:hover, a:actived的顺序书写

6、怎么在网页中给文字加上下划线

1、新建一个html文件,命名为test.html,用于讲解css怎么在网页中给文字加上下划线。

2、在test.html文件内,使用p标签创建一行文字,文字内容为“这是测试的文字”。

3、在test.html文件内,设置p标签的id属性为tt,主要用于下面通过该id设置p元素的css样式。

4、在test.html文件内,编写<style type="text/css"></style>标签,页面的css样式将写在该标签内。

5、在test.html文件内,在css标签内,通过元素名称来定义其css样式,下面将在花括号内编写css样式。

6、在css标签内,在花括号内将text-decoration属性设置为underline,从而实现文字加上下划线的效果。

7、在浏览器打开test.html文件,查看实现的效果。

7、dw制作网页时,网页中的横线是怎么制作的?求详细步骤。

可以用 <div style="width1200px; height:1px;background:#000;font-size:0;"></div> 这一句,直接插在需要横线的地方就可以。

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