很多网站看起来非常的美观、漂亮、和谐,那是他们在设计网页的时候有灵感,再加上美工技术过硬的成果。美观的网站让人们更愿意多浏览,其实我们做网站就是为了宣传自己形象的,所以,建议网站尽量整齐、美观,但不建议华丽。
下面阿权站长就如何让表格线条更漂亮,告知下自己的方法吧:
网页中有表格是非常正常的,尤其是企业网站,技术参数多数都是表格形式展现的,要想让表格更美观要做到:
一:表格必须要有边框,但是默认的边框都是双线的,所以我们要让表格的边框为单线条的,方法: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) |
终水分 |
燃焦量 |
主电机功率 | ||||
黄沙 | 河沙 | 水渣 | 粉煤灰 | 粘土 | ||||
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
本文标题:网页设计如何让表格线条更漂亮