通俗基础教程
电脑操作教程
电脑怎样拨号上网
如何做个人网页
怎样做局域网
Word教程(文字处理)
图形图象处理入门
经典提高教程
怎样使用代理服务器
如何做无盘工作站
Photoshop教程
Dreamweaver3教程
Flash4&5教程
Firework3教程
Frontpage2000教程
Authware教程
Office2000教程
如何制作动画图片
OICQ&ICQ使用方法

高手学习指南

硬件升级技巧
CGI教程
ASP教程

PHP教程

注册表使用技巧
路由器的设置
网站建设指南
SQL
最近更新:
网页编辑
相关内容

网页中制作线条的技巧

摘自html-point

线条是网页中使用得比较多的一种 HTML 对象,在 HTML 语言中提供了一个 <HR>

的标签,也就是水平直线。但由于这个标签的局限性使我们在制作网页时遇到了一些麻烦,比如:线条的颜色以及怎样制作纵向的线条。在这里,笔者就在网页中制作线条的这两个方面的技巧介绍一点自己的心得。

为了顾及各种浏览器之间的兼容性,网页制作者在制作网页的时候常常需要考虑标签的各种属性在每一种浏览器中是否能够正确的显示。其中就有一个水平线的颜色属性问题。我们都知道

<HR> 标签具有一个 Color 属性,例如我们要制作一条红色的线条就可以用这样的代码:
<hr color="#FF0000"

noshade>


当你在 IE 中浏览这一段代码时你能得到一个你希望的红色线条,可是如果你的浏览器是 Netscape 的话,那么你看到的只是一个灰色的线条,因为

Netscape 根本就不支持 HR 的 Color 属性。我们该怎么办呢?


1、使用表格


现在流行的网页制作中我们大多数是用表格来规划一个网页的基本布局,因此使用表格的单元格来制作线条不会给你增加太多的麻烦。


首先我们需要将表格的单元格边距属性(cellpadding)设置为 0 。如:<table

cellpadding="0">,注意:只有将这个边距属性设置为 0 你才能制作一个小于 4 个象素的线条。因为 HTML 中 Cellpadding

的默认值是 2 个象素,上下两个边距相加就是 4 个象素。如果不设置 Cellpadding 属性哪怕是你将这个单元格的高度(Height)设置为 0

,这个单元格的实际高度仍然是 4 个象素。


将单元格的高度(Height)设置为你希望得到的线条的高度。


设置单元格的背景颜色,如:#FF0000。到这一步还没有完,如果你这时在 Netscape

中来浏览这个表格的话,你仍看不到任何颜色。下面就进行关键性的一步。


利用图像制作软件制作一个 1 * 1 的 GIF

格式的图像(一个点)。这里又有一个技巧,你可以将这个图像设置为透明的,这样你就可以利用这个“点”来制作任何颜色的线条,而不需要为每一种颜色的线条都制作一个这样的“点”。


这时你再用 Netscape 浏览这个表格你就可以看到一个红色的线条了。也就是说在 Netscape

中当一个单元格中什么也没有的时候,无法显示这个单元格的背景色,而只要这个单元格中有一点东西,就可以显示单元格的被景色。笔者也不知道什么原因但事实如此。


使用这一种方法你也可以制作纵向的线条。你只是需要将上述步骤的第 2

步的宽度改为你想要的线条的宽度,然后再设置高度或者调整这个单元格的行跨度以达到你想要的长度。这需要你在网页制作过程中根据自己的实际要求来做出相应的处理。顺便说一句,以前《电脑报》登过一篇文章说可以使用

HR 的 Size 属性来制作纵向线条,但我在实际中发现这种方法只能制作 100 个象素长的纵向线条。

如何在网页只产生随机的广告图片
如何在网页只产生随机的图片
产生随机图片
产生随机图片2
利用JavaScript创建随机数与随机图片
DreamWeaver 4编辑框字体解决方案
实现一个弹出窗口的自动关闭
轻松制作热点链接
网页制作中最不易发现的常见错误
前进和后退按钮
前进后退的图片按钮
友情链接表单发送
控制新开窗口的属性
在线智力测验
自动开启和关闭的窗口
打开新窗口确认/取消
闪烁按钮
下拉选择按钮菜单
JavaScript应用技巧-控制窗口大小
巧用Javascript四例
网页中制作线条的技巧
 
教程站
收集整理
服务大家