怎样用css编码完成有立体式实际效果的报表

2021-01-20 12:32 jianzhan
我只了解能够在报表中添加以下编码:
bordercolorlight= “#739ed6 ” bordercolordark= “#FFeeee ”
使报表变成立体式的。可是想用css要求报表方式,应当怎样写才可以完成这个实际效果呢?
1.编码以下:

拷贝编码
编码以下:

<table style= 'border-style:outset '>
<tr>
<td> sss </td>
</tr>
</table>
inset:
<span width=100% style= "border: inset thick #008000; width:80px; text-align:center; padding:2px 4px 0px 4px; background:#ff3300; color:#FFFFFF "> inset </span>




outset:
<span width=100% style= "border: outset thick #008000; width:80px; text-align:center; padding:2px 4px 0px 4px; background:#ff3300; color:#FFFFFF "> outset </span>

2.编码以下:

拷贝编码
编码以下:

<style>
.tab1 td{border-left:2 solid #fee;
border-top:2 solid #fee;
border-right:2 solid #79d;
border-bottom:2 solid #79d;
background-color:#999
}
.tab2 td{border:2 outset gray; background-color:#fc9
}
</style>
</head>
<body>
<table class=tab1>
<tr>
<td> 用css要求报表方式 </td>
<td> 用css要求报表方式 </td>
</tr>
<tr>
<td> css要求报表方式 </td>
<td> css要求报表方式 </td>
</tr>
</table>
<table class=tab2>
<tr>
<td> 用css要求报表方式 </td>
<td> 用css要求报表方式 </td>
</tr>
<tr>
<td> css要求报表方式 </td>
<td> css要求报表方式 </td>
</tr>
</table>
</body>

我又期待用CSS管理方法这个报表,或在重界定1个STYTEL,能够完成我写的这类实际效果:
bordercolorlight= “#739ed6 ” bordercolordark= “#FFeeee ”
不知道道是不是有更详尽的处理计划方案?
详解编码以下
正立方报表

拷贝编码
编码以下:

<table border= “1 ” width= “220 ” bordercolorlight= “#eeeeee ”
bordercolordark= “#000000 ” style= “position: absolute; left: 10; top:
49 ” height= “26 “>
<tr>
<td width= “100% “> 正立方报表 </td>
</tr>
</table>