如何让帖子变得相对美观起来——table代码表格嵌套教学
本帖最后由 尻雨魔理沙 于 2021-2-2 23:11 编辑↑目录可点跳转页码（本贴可能刚打开目录点不出来，属正常现象
请等待本帖加载完成即可正常打开）
大家应该都见过一些比较美观的xls文件吧，那么大家不妨设想一下，是什么让这些东西变得美观起来了呢？]对，就是单元格的颜色和样式，其实在论坛里通过table代码也是可以实现这样的，以前table甚至有被拿来制作网页的= =
请在使用table代码时进入纯文本编辑模式！！！
那么废话不多说了，现在进入正题。table代码代码主要包含table、td、tr三个元素，tr元素管行，td元素管列，最基本的是 这是大框架，任何表格都需要。
[ table]的详细格式是这样的
上面元素的x%是宽度，一般设置为98%，最大可以设置为560.。
color是设定比哦个颜色，一般后面用#fffff颜色代码
上面这个是行代码
上面列代码
要实现几行几列，堆砌tr td代码就可以。
比如：
一行一列：
一行两列：
两行一列：
相信大家都不笨，要实现其他的照葫芦画瓢就行。
此外，不止table那里可以定义颜色，从tr这里也可以定义这一行的颜色这一部分如果你学会的话，那么恭喜你，你已经可以出师啦(x
合并单元格：
其中x为列，y为行，z%是宽度
例如就是二列二行合并为一个单元格。（jj就是从当前行和列算是1开始，向右向下扩展的部分）
这样讲可能也不太好理解，具体的话自己实践更好理解
做表格谁不会呢，做好看点就比较难了。
这里我将结合实例进行讲解。
首先，table代码是必备部分，无论什么类型的表格都需要。
最基本的一个一行一列的表格是这样的
1
代码
1
之后结合上个部分的table代码的讲解，自己进行制作就行了。
这里我提供一个模板（我比较常用）
-内容-
只是一个简单的模板罢了，什么都没有。这个模板算比较简单的，但也绝对不丑，table代码活用可以做得更好看。
另外值得注意的是，表格默认不居中，要想居中，请加入align代码
-内容-
只是一个简单的模板罢了，什么都没有。这个模板算比较简单的，但也绝对不丑，table代码活用可以做得更好看。
另外值得注意的是，表格默认不居中，要想居中，请加入align代码
再给大家提供一个
Cyberpunk 2077
https://img.gamemale.com/album/202012/09/122408c3snjdq90rsakhe3.jpg
官方译名
赛博朋克2077
发行时间
2020-12-10
发行
CD Projekt
类型
第一人称视角PRG
开发
CD Projekt RED
Cyberpunk 2077
https://img.gamemale.com/album/202012/09/122408c3snjdq90rsakhe3.jpg
官方译名
赛博朋克2077
发行时间
2020-12-10
发行
CD Projekt
类型
第一人称视角PRG
开发
CD Projekt RED
为了尽量减少给论坛服务器带来的负担以及为了更快的访问速度，我觉得在发图的时候有必要使用图床，这里推荐下sm.ms
http://sm.ms
以前新浪相册也很适合做图床，可惜现在加了防盗链
本贴可能刚打开目录点不出来，属正常现象
请等待本帖加载完成即可正常打开 在线围观教学{:6_185:} 插眼{:6_163:} 0-0 教学帖呀 插眼等更新~ 这。。。坐等大佬教学{:6_200:} 前端大佬，支持一下~~ 我的天！收藏了就是学会了！{:6_195:}
看到就是赚到！{:6_200:} 点了页码没反应。。是还没更新的原因吗 哇！好棒的技术贴，先收藏了，说不定以后发帖可以学一学{:6_167:} 一个小问题，一行一列和两行一列的代码没有区别吗？ 先马了以后慢慢看~{:6_167:} 本帖最后由 kkouir 于 2021-2-3 15:07 编辑
为了让自己的帖子看起来更漂亮，我之前还特意去百度学了一下表格代码
玩是会玩了，要是帖子文本内容多还好，看着更舒服
但是我想一行表格里面弄多张图片的梦想也破灭了
因为用手机打开网页版时最右边会遮掉一部分{:6_180:}
除非把图片分辨率变小，可是小了又不是很清晰，然后就变成了嵌套表格塞一张图片{:6_175:} 插眼，谢谢大佬 技术贴cy，谢谢大佬 哇呜，学到了学到了，涨知识了 挖坟挖到好东西惹 学以致用下 又回忆起了写代码的痛苦 虽然有方框看起来很不错，但是这个操作对我来说还是太难了 果然想要美观要付出相应的学习成本
页:
[1]
2