国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

如何用css代碼實現有立體效果的表格

2024-07-11 08:34:09
字體:
來源:轉載
供稿:網友

我只知道可以在表格中加入如下代碼:
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管理這個表格,或者在重定義一個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>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 陆川县| 右玉县| 鸡泽县| 嘉黎县| 新密市| 宜黄县| 平阳县| 桂林市| 大安市| 邵阳县| 中超| 南投市| 车致| 商水县| 含山县| 阿拉善盟| 桃江县| 和龙市| 光山县| 康马县| 光山县| 墨脱县| 凌源市| 元阳县| 阿瓦提县| 南开区| 洞口县| 锡林郭勒盟| 长丰县| 综艺| 中超| 德庆县| 靖西县| 凤庆县| 凭祥市| 梨树县| 舒城县| 绥阳县| 岳西县| 集贤县| 图木舒克市|