好看的table样式table 的背景图片随table大小拉伸

好看的table样式时间:2021-05-07 阅读:()

div加CSS的样式和table相比哪个比较好

div+css 和 table的区别其实有很多,举几个常用 1.代码：div+css的代码比较简洁不是很多，table的代码很繁琐，重复太多。

2.页面优化：div+css有利于搜索引擎的搜索，而tabel不利于是搜索引擎的搜索。

3.打开速度：用div+css制作的网页，及时是网速非常卡的时候，当打开这个页面的时候这个页面会一点一点的出来的。

而table做的页面，在网速非常卡时候，页面打开时开始会什么也没有，但是过了几分钟后，页面一下会全部打开。

4.table的优点：兼容性比较不错

求一段CSS样式代码；要求是Table的标签样式，实现Table标签奇数行显示一个颜色；偶数行显示另外一种颜色

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="/1999/xhtml"> <title>Test</title> <style type="text/css"> tr { background:#FF3; } tr:nth-child(2n) { background:#6F9; } tr { background-color: expression((this.sectionRowIndex % 2 == 0) ? "#FF3" : "#6F9" ); } </style> </head> <body> <table> <tr><td>这是奇数行</td></tr> <tr><td>这是偶数行</td></tr> <tr><td>这是奇数行</td></tr> <tr><td>这是偶数行</td></tr> <tr><td>这是奇数行</td></tr> <tr><td>这是偶数行</td></tr> <tr><td>这是奇数行</td></tr> <tr><td>这是偶数行</td></tr> <tr><td>这是奇数行</td></tr> <tr><td>这是偶数行</td></tr> <tr><td>这是奇数行</td></tr> <tr><td>这是偶数行</td></tr> <tr><td>这是奇数行</td></tr> <tr><td>这是偶数行</td></tr> <tr><td>这是奇数行</td></tr> <tr><td>这是偶数行</td></tr> </table> </body> </html>

table 的背景图片随table大小拉伸

1、如<table background="xxx.jpg" 这种是html自带的一种给表格加载背景图片的方式； 2、<table style="background-image:url(xxx.jpg);"还有一种是通过css实现的表格背景图片。

这两种方法，如果不加任何修饰，直接使用的话，当表格的大小改变时： 1、如果调用的背景图片大于表格的大小时，图片只显示一部分； 2、如果调用的背景图片小于表格的大小时，表格就会重复，循环出现填补小于表格大小的部分。

顶多是设置repeat-x或-y水平重复或者垂直重复。

所以不能实现背景图片缩放，你可以考虑通过别的方法实现。

如有问题，我们可以继续讨论。

展开全文