网页制作一点通(47)

网络通信

  并排排列表格

  表格是网页里面最常见的元素,但是很多时候我们很难将两个表格并排排列在一起。那么有没有办法将两个表格并排排列呢?答案是肯定的,我们可以使用CSS的两种属性:

  float属性:将两个表格的float都设置为left,完整代码如下:<div style=“ width: 300px; height: auto; float: left; ”>212121212121211212121</div><div style=“width: 300px; height: auto; float: left; ”>545454545454545455454</div>

  display属性:将两个表格的display都设置为inline,完整代码如下:<div style=“display: inline; ”>aaa</div><div style=“display: inline; ”>aaa</div>

  让滚动条更漂亮

  IE浏览器默认的滚动条都是灰色的,跟漂亮的网页显得很不协调。我们可以用以下语句来装饰:<body style=“scrollbar-base-color:red”>。scrollbar-base-color设定的是基本色,一般情况下只需要设置这一个属性就可以达到改变滚动条颜色的目的。如果要加上一点特别的效果可以试试这个:<body style=“scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon”>。看,是不是漂亮多了?

  文本框自动出现滚动条

  我们设计网页反馈的时候,文本框里面开始是没有内容的,但是却有滚动条,这样似乎很不美观。我们能不能让文本框在输入文本内容较多的时候才自动出现滚动条呢?当然可以。我们只要设置文本框的overflow为auto就可以达到这个目的。完整代码如下:<textarea style=“overflow: auto; ”>你的文本…</textarea>

  网页图片带上阴影

  网上很多网络相册都做得很漂亮,特别是照片稍微带有灰灰的阴影,显得更加逼真美观。怎么实现这个效果呢?其实很简单,我们只要使用以下代码:<img src=“http://www.xxx.com/images/123.jpg” style=“position: static; filter:progid:DXImageTransform.Microsoft.DropShadow(color=#666666, offX=5, offY=5, positives=true); ”>,就可以达到让相片带上阴影的目的。

  添加彩色按钮

  网页里面插入的按钮通常都是统一灰色外观的,很不美观。如果为按钮加上颜色,那么效果就会好很多了。在按钮代码里面加上style='BACKGROUND-COLOR: #ffcc66'语句就可以达到我们的目的。完整代码如下:<input style=“BACKGROUND-COLOR: #ffcc66;” name=“button” type=“button” value=“彩色按钮”>。

  定义网页作者

  我们制作好网页后,可以在网页的头部(head)加入制作者的名称,这样别人看代码的时候就会知道是谁做的。在<head></head>中间插入代码:<meta name=“Author” content=“Tung”>就可以了。

  正确定义搜索关键字

  网页需要推广,通常就是将它提交到搜索引擎。普通的搜索引擎是根据你的网页设置成若干关键字,然后用户搜索的时候就配合关键字显示结果,所以我们要非常有效地设置搜索引擎关键字。在<head></head>中间插入代码:<meta name=“Keywords” content=“tung,jetso,jetso.com”>,“content”后面的字就是我们提交的关键字。