手机版

在首页制作线条的技巧

时间:2021-12-13 来源:互联网 编辑:宝哥软件园 浏览:

线条是网页制作中广泛使用的HTML对象。它提供了一个HTML语言的HR标签,也就是横线。但是由于这个标签的限制,我们在制作网页的时候遇到了一些麻烦,比如线条的颜色,如何制作垂直线。在这里,笔者介绍一下自己在网页中制作线条的这两个技巧。

为了考虑各种浏览器之间的兼容性,网页制作者在制作网页时往往需要考虑标签的各种属性是否能够在各个浏览器中正确显示。水平线存在颜色属性问题。我们都知道HR标签有一个Color属性。例如,如果我们想画一条红线,我们可以使用这个代码:hr color=' color code '

在IE中浏览这段代码,可以得到想要的红线,但是如果你的浏览器是网景,看到的只是一条灰线,因为网景根本不支持HR的Color属性。我们做什么呢

1.使用表单

目前流行的网页大部分都是用表格来规划一个网页的基本布局,所以用表格的单元格做线条不会给你带来太大的麻烦。

首先,我们需要将表的cellpadding属性设置为0。例如,table cellpadding='0 ',注意:只有当此margin属性设置为0时,您才能绘制少于4个像素的线条。因为HTML中Cellpadding的默认值是2像素,所以上边距和下边距加起来是4像素。如果未设置单元格填充属性,即使将该单元格的高度设置为0,该单元格的实际高度仍为4像素。将单元格的高度设置为所需的线条高度。设置单元格的背景色,例如用图像制作软件制作1 * 1 GIF图像(一个点)。这是另一个技巧。你可以让这个图像透明,这样你就可以用这个“点”来制作任何颜色的线条,而不是为每一条颜色的线条制作这样的“点”。这时用网景浏览这个表单,可以看到一条红线。也就是说,在网景中,当一个单元格中什么都没有的时候,单元格的背景色是无法显示的,但是只要单元格中有东西,就可以显示单元格的被子风景。我不知道为什么,但确实如此。

这样,还可以做竖线。您只需要将上述步骤的步骤2的宽度更改为您想要的线条宽度,然后设置高度或调整此单元格的行跨度以达到所需的长度。这就需要你在网页制作过程中根据自己的实际需求来处理。对了,《电脑报》发表的一篇文章说HR的Size属性可以用来做竖线,但是在实践中我发现这种方法只能做100像素长的竖线。

版权声明:在首页制作线条的技巧是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。