郑州SEO—SEO站长(阿权)

郑州seo-阿权团队网络营销服务中.....承接:网站建设、网站优化、网络推广、营销策划、商务外包等业务,咨询QQ:346363458

网页设计如何让表格线条更漂亮

    很多网站看起来非常的美观、漂亮、和谐,那是他们在设计网页的时候有灵感,再加上美工技术过硬的成果。美观的网站让人们更愿意多浏览,其实我们做网站就是为了宣传自己形象的,所以,建议网站尽量整齐、美观,但不建议华丽。

下面阿权站长就如何让表格线条更漂亮,告知下自己的方法吧:

网页中有表格是非常正常的,尤其是企业网站,技术参数多数都是表格形式展现的,要想让表格更美观要做到:

一:表格必须要有边框,但是默认的边框都是双线的,所以我们要让表格的边框为单线条的,方法:Table显示单线条

二:有些表格比较多为方便客户流量,或不让客户看错行所以单双行可以用不同的背景色如: bgcolor="#eeeeee"

三:表格的头部也就是技术参数说明部分可以用不同的背景色如:style="background:#ba1718;"

四:有时候用第一种方法的单线条也不是很美观,可以这样解决:

1、<table cellspacing="1" cellpadding="0" border="0" bgcolor="#cccccc" > 作用:整个表格背景色为#cccccc;cellspacing 属性规定单元格之间的空间。

2、<tr bgcolor="#ffffff"> 作用:每行背景色为#ffffff;

原理:为大家表现出来的效果是表格有边框,其实是单元格之间有空间,显示出来的是整个表格背景颜色。

如下案例:

型号Model

单台产量(t/h)

终水分
(百分比%)

燃焦量
(kg/t砂)

主电机功率
(kw)

黄沙

河沙

水渣

粉煤灰

粘土

YHS623

5-6

3-5

2-3

2-3

3-4

<0.5%

5-7

3

YHS625

6-10

4-6

3-4

3-4

5-6

<0.5%

5-7

3×2

YHS6210

12-18

10-12

8-12

8-10

10-12

<0.5%

8-10

4×2

YHS6225

28-35

23-25

22-25

20-23

20-25

<0.5%

10-12

5.5×4

YHS6325

45-55

40-45

38-40

35-40

40-45

<0.5%

15-18

7.5×4

以上,阿权站长原创提供!

本文地址:http://www.seozz.net/zzseo/570.html

本文标题:网页设计如何让表格线条更漂亮

« 上一篇 下一篇 »

发表留言:取消回复

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Powered By 阿权站长

Copyright【豫ICP备09037741号-2】联系我们Your WebSite.给我留言 Some Rights Reserved.