马上注册,免费下载更多dz插件网资源。
您需要 登录 才可以下载或查看,没有账号?立即注册
×
大道至简,最简单的,才是最美的!
送给所有还在编辑帖子不断套用表格的孩子
#基本扫盲
1. "【table】【/table】"——表格代码的起始
2. "【tr】【/tr】"——表示行
3. "【td】【/td】"——表示列
4. "【align=center】【/align】"——表示将内容居中
一个最简单的,一行一列500PX宽的白色背景的表格 |
- [table=500,White][tr][td] 一个最简单的,一行一列500PX宽的白色背景的表格[/td][/tr][/table]
复制代码
一个最简单的两行两列黑色背景的表格
- [table=500,Black][tr][td] [/td][td] [/td][/tr][tr][td] [/td][td] [/td][/tr][/table]
复制代码
首先我们要了解TABLE是什么?
TABLE的中文意思是“制表”
无论是DZ还是编辑网页时用的HTML,都离不开它。
TABLE可以手动调整其宽度、背景颜色、行与列等等。
虽然DZ的TABLE功能不像在HTML中那样多元化,
不过如果能熟练运用,编辑出来的帖子将会显的十分条理、清新、美观。
TABLE基础解析
[ table] [ /table]
是表格整体框架
任何表格都是在这个基础上产生的
所以在编辑表格时候这个是必须加上的
[table=98%,Silver]
表格宽度98%、可以使用固定数值但不能超过560数值超过则变98%、
Silver是表格背景色可以更换可用#FFFFFF类似代码
[tr] [/tr]是行代码
[td] [/td]则是列代码
一行一列 = [tr][td] [/td][/tr]
一行两列 = [tr][td][/td] [td][/td][/tr]
两行两列 = [tr][td] [/td][td] [/td][/tr] [tr][td] [/td][td] [/td][/tr]
以上就是TABLE代码的基础部分
TABLE高级应用
[tr]代码属性是行,它可以定义此行颜色
代码为[tr=red]那么此行的颜色就为红色
如果[table]有定义的颜色就会在本行失效
TABLE高级应用
[tr]代码属性是行,它可以定义此行颜色
代码为[tr=red]那么此行的颜色就为红色
如果[table]有定义的颜色就会在本行失效
[td]代码属性是列
合并单元格,定义大小都是它来定义的
[td=2,1] = 合并此行的两个列单元格
当然也可以3,1|4,1 意思为合并三列,四列单元格
具体代码为
[ table]
[tr][td=2,1]合并此行的2个单元格 [/td][td] [/td][/tr]
[tr][td] [/td][td] [/td][td] [/td][/tr]
[ /table]
我们如何定义列宽的大小呢?
[td=60]列宽为60px [td=2,1,60%]合并两列的列宽为总体60%
这里要说明的是列宽的大小是定义全部行的,
但是在合并的单元格后,下行合并的单元格区域就可以重新定义
1、[table]不能单独自定义颜色,即自定义颜色时必须输入表格大小数值;
2、TABLE代码不能自定义边框颜色,边框颜色默认为浅蓝色;
3、TABLE代码不会自动居中,如果需要则需使用居中代码。
4、TABLE代码最多可以重叠五层,第六层开始代码失效;
©DZ插件网所发布的一切资源仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。 网站部分内容来源于网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,得到更好的正版服务。 您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。 如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解!
|
|