大雀软件园

首页 软件下载 安卓市场 苹果市场 电脑游戏 安卓游戏 文章资讯 驱动下载
技术开发 网页设计 图形图象 数据库 网络媒体 网络安全 站长CLUB 操作系统 媒体动画 安卓相关
当前位置: 首页 -> 网页设计 -> HTML/CSS -> 表格全攻略

表格全攻略

时间: 2021-07-31 作者:daque

表格全攻略1.表格的分割线不妨湮没<table border rules=cols cellspacing=0 align=left> 不妨湮没横向的分割线<table border rules=rows cellspacing=0 align=right>不妨湮没纵向的分割线<table border rules=none cellspacing=0 align=center>不妨湮没横向和纵向的分割线2.表格的边框连接在闪 以次本领不妨令表格的边框连接在闪,很适用的在body区加上<table border="0" width="280" id="myexample" style="border:5px solid yellow"> <tr> <td>介入大肆的物件.介入大肆的物件. <br>介入大肆的物件.介入大肆的物件. <br>介入大肆的物件.介入大肆的物件.</td> </tr> </table> <script language="javascript1.2"> <!-- function flashit(){ if (!document.all) return if (myexample.style.bordercolor=="yellow") myexample.style.bordercolor="lime" else myexample.style.bordercolor="yellow" } setinterval("flashit()", 500) //--> </script> 3.表格分行载入 这个对表哥实质很大比拟适用在须要分行载入处加上 <tbody > 比方:<table ><tbody ><tr ><td >flsdjfsdjfkdsjf</td ></tr ><tr ><td >skdjfsdjfksd</td ></tr ></tbody ><tbody ><tr ><td >flsdjfsdjfkdsjf</td ></tr ><tr ><td>skdjfsdjfksd</td ></tr ></tbody ></table >4.几种款式各别的表格<table border="1" width="220" style="position: absolute; left: 11; top: 11" height="26" ><tr><td width="100%">普遍表格</td></tr></table>5.正立方表格 <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>6.细表格 <table border="0" frame=vsides width="219" bgcolor="#000000" cellspacing="1" cellpadding="0" height="22" style="position: absolute; left: 11; top: 86"><tr bgcolor="#ffffff"><td width="100%" height="2">细表格</td></tr></table>7.立身体表面格 <table border="1" width="220" bordercolorlight="#ffffff" bordercolordark="#ffffff" style="position: absolute; left: 10; top: 112" height="34"><tr><td width="100%" bgcolor="#b7b7b7" bordercolorlight="#000000" bordercolordark="#eeeeee" >立身体表面格</td></tr></table>8.默默无闻表格 <table width="220" align="center" style="position: absolute; left: 246; top: 12" height="51"><tr><td><fieldset style="width:220" align="center"> <legend> 默默无闻表格 </legend> <p align="right"></fieldset> <br></td></tr></table>9.表中表功效Ⅱ <table width="220" align="center" style="position: absolute; left: 245; top: 89" height="110"><tr><td height="75"><fieldset style="width:220" align="center"> <legend> 表中表功效Ⅱ </legend> <table frame="hsides" border="1"bordercolorlight="#000000" bordercolordark="#ffffff" width="100%" cellspacing="1" cellpadding="0" height="78"><tr bgcolor="#ffffff"><td width="100%" height="76"></fieldset></td></tr></table>10.表中表功效Ⅰ <table width="220" align="center" style="position: absolute; left: 10; top: 120" height="138" cellspacing="1" cellpadding="0"><tr><td height="126"><fieldset style="width: 220; color: #b7b7b7; border-style: groove" align="center"> <legend style="color: #ffffff; border: 1 solid #808080" > <font color="#000000">表中表功效Ⅰ</font> </legend> <p align="right"></fieldset> </td></tr></table>11.表格中边框的表露 只表露上边框 <table frame=above>只表露下边框 <table frame=below> 只表露左、右边框 <table frame=vsides>只表露上、下边框 <table frame=hsides>只表露左边框 <table frame=lhs>只表露右边框 <table frame=rhs>不表露任何边框 <table frame=void>

热门阅览

最新排行

Copyright © 2019-2021 大雀软件园(www.daque.cn) All Rights Reserved.