文档章节

HTML嵌套表格样式

myjava77
 myjava77
发布于 2016/04/13 20:07
字数 476
阅读 98
收藏 0
<table border=6 bordercolor=#DEF width="100%">
<tr><td>01</td><td>02</td><td>03</td></tr>
<tr><td>04</td><td>05</td><td>06</td></tr>
<tbody>
<tr>
    <td>
        <table border=2 bordercolor=#BBC width="100%" height=200>
        <tbody>
        <tr><td></td></tr>
        <tr><td></td></tr>
        </tbody>
        </table>
        <table border=3 bordercolor=#DBB width="100%" height=200>
        <tbody>
        <tr><td></td><td></td><td></td></tr>
        <tr><td></td><td></td><td></td></tr>
        </tbody>
        </table>
    </td>
    <td>08</td>
    <td>09</td>
</tr>
</tbody>
</table>

输入图片说明

<table border=3 bordercolor=#0000FF width="100%">
<tbody>
<tr>
    <td>table1</td>
    <td>table1</td>
    <td>
        <table border=2 bordercolor=#BBC width="100%">
            <tbody>
                <tr><td>table2</td></tr>
                <tr><td>table2</td></tr>
            </tbody>
        </table>
    </td>
    <td>
        <table border=2 bordercolor=#BLUE width="100%">
            <tbody>
                <tr><td>table3</td>
                    <td>
                        <table border=1 bordercolor=#green width="100%">
                            <tr><td>table4</td><td>table4</td><td>table4</td></tr>
                            <tr><td>table4</td><td>table4</td><td>table4</td></tr>
                            <tr><td>table4</td><td>table4</td><td>table4</td></tr>
                        </table>
                    </td>
                </tr>
                <tr><td>table3</td>
                    <td>
                        <table border=1 bordercolor=#green width="100%">
                            <tr><td>table4</td><td>table4</td><td>table4</td></tr>
                            <tr><td>table4</td><td>table4</td><td>table4</td></tr>
                            <tr><td>table4</td><td>table4</td><td>table4</td></tr>
                        </table>
                    </td>
                </tr>
                <tr><td>table3</td><td>table3</td></tr>
            </tbody>
        </table>
    </td>
</tr>
<tr>
    <td>table1</td>
    <td>table1</td>
    <td>
        <table border=2 bordercolor=#BBC width="100%">
            <tbody>
                <tr><td>table2</td></tr>
                <tr><td>table2</td></tr>
                <tr><td>table2</td></tr>
            </tbody>
        </table>
    </td>
    <td>
        <table border=2 bordercolor=#BLUE width="100%">
            <tbody>
                <tr><td>table3</td>
                    <td>
                        <table border=1 bordercolor=#green width="100%">
                            <tr><td>table4</td><td>table4</td><td>table4</td></tr>
                            <tr><td>table4</td><td>table4</td><td>table4</td></tr>
                            <tr><td>table4</td><td>table4</td><td>table4</td></tr>
                        </table>
                    </td>
                </tr>
                <tr><td>table3</td>
                    <td>
                        <table border=1 bordercolor=#green width="100%">
                            <tr><td>table4</td><td>table4</td><td>table4</td></tr>
                            <tr><td>table4</td><td>table4</td><td>table4</td></tr>
                            <tr><td>table4</td><td>table4</td><td>table4</td></tr>
                        </table>
                    </td>
                </tr>
                <tr><td>table3</td><td>table3</td></tr>
                <tr><td>table3</td>
                    <td>
                        <table border=1 bordercolor=#green width="100%">
                            <tr><td>table4</td><td>table4</td><td>table4</td></tr>
                            <tr><td>table4</td><td>table4</td><td>table4</td></tr>
                            <tr><td>table4</td><td>table4</td><td>table4</td></tr>
                        </table>
                    </td>
                </tr>
                <tr><td>table3</td><td>table3</td></tr>
            </tbody>
        </table>
    </td>
</tr>

</tbody>
</table>

输入图片说明

© 著作权归作者所有

myjava77
粉丝 0
博文 25
码字总数 16987
作品 0
青岛
程序员
私信 提问
用DIV+CSS的网页布局对SEO的好处

DIV+CSS是网站标准(或称“WEB标准”)中常用术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS...

oecp
2011/06/02
176
1
Bootstrap 按钮组

按钮组允许多个按钮被堆叠在同一行上。当你想要把按钮对齐在一起时,这就显得非常有用。您可以通过 Bootstrap 按钮(Button) 插件 添加可选的 JavaScript 单选框和复选框样式行为。 基本的按...

wybo521
2016/01/26
10
0
Bootstrap中的面板

面板 面板(Panels)是Bootstrap框架新增的一个组件,其主要作用就是用来处理一些其他组件无法完成的功能。同样在不同的版本中具有不同的源码: ☑ Less版本:对应的源码文件是 panels.less ...

9秒教育
2015/11/30
43
0
Bootstrap中的面板

面板 面板(Panels)是Bootstrap框架新增的一个组件,其主要作用就是用来处理一些其他组件无法完成的功能。同样在不同的版本中具有不同的源码: ☑ Less版本:对应的源码文件是 panels.less ...

9秒教育
2015/11/30
73
0
bootstrap3教程

Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态...

harries
2015/09/24
263
0

没有更多内容

加载失败,请刷新页面

加载更多

哪些情况下适合使用云服务器?

我们一直在说云服务器价格适中,具备弹性扩展机制,适合部署中小规模的网站或应用。那么云服务器到底适用于哪些情况呢?如果您需要经常原始计算能力,那么使用独立服务器就能满足需求,因为他...

云漫网络Ruan
今天
10
0
Java 中的 String 有没有长度限制

转载: https://juejin.im/post/5d53653f5188257315539f9a String是Java中很重要的一个数据类型,除了基本数据类型以外,String是被使用的最广泛的了,但是,关于String,其实还是有很多东西...

低至一折起
今天
23
0
OpenStack 简介和几种安装方式总结

OpenStack :是一个由NASA和Rackspace合作研发并发起的,以Apache许可证授权的自由软件和开放源代码项目。项目目标是提供实施简单、可大规模扩展、丰富、标准统一的云计算管理平台。OpenSta...

小海bug
昨天
11
0
DDD(五)

1、引言 之前学习了解了DDD中实体这一概念,那么接下来需要了解的就是值对象、唯一标识。值对象,值就是数字1、2、3,字符串“1”,“2”,“3”,值时对象的特征,对象是一个事物的具体描述...

MrYuZixian
昨天
9
0
解决Mac下VSCode打开zsh乱码

1.乱码问题 iTerm2终端使用Zsh,并且配置Zsh主题,该主题主题需要安装字体来支持箭头效果,在iTerm2中设置这个字体,但是VSCode里这个箭头还是显示乱码。 iTerm2展示如下: VSCode展示如下: 2...

HelloDeveloper
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部