TABLE的CSS应用（细线表格）

最新推荐文章于 2021-06-10 02:55:40 发布
最新推荐文章于 2021-06-10 02:55:40 发布
阅读量208 收藏
点赞数
分类专栏： HTML
<head>
<style type="text/css">
    table
        {border-collapse:collapse;}
    table,td,th
        {border:1px solid red;}
</style>
</head>
<body>
<TABLE width=100%>
  <CAPTION vAlign=top>
  “自由”后的自学
  </CAPTION>
  <CAPTION vAlign=bottom>
  知识重点：请注意表格内部的单元格合并
  </CAPTION>
  <TBODY>
    <TR height=20>
      <TH bgColor=green><FONT color=white>First</FONT></TH>
      <TH bgColor=yellow>second</TH>
      <TH bgColor=blue>Third</TH>
      <TH bgColor=red>fourth</TH>
      <TH bgColor=maroon>Fifth</TH>
      <TH bgColor=navy><FONT color=white>Sixth</FONT></TH>
    </TR>
    <TR height=30 bgColor=teal>
      <TD>1</TD>
      <TD>2</TD>
      <TD>3</TD>
      <TD>4</TD>
      <TD>5</TD>
      <TD>6</TD>
    </TR>
    <TR height=40 bgColor=#0a00e0>
      <TD>1</TD>
      <TD>2</TD>
      <TD>3</TD>
      <TD>4</TD>
      <TD>5</TD>
      <TD>6</TD>
    </TR>
    <TR height=50 bgColor=aqua>
      <TD>1</TD>
      <TD>2</TD>
      <TD>3</TD>
      <TD vAlign=center rowSpan=2 align=middle>4</TD>
      <TD bgColor=white vAlign=center background=images/logo4.gif rowSpan=4 width=120

align=middle>5</TD>
      <TD>6</TD>
    </TR>
    <TR height=60 bgColor=lime>
      <TD>1</TD>
      <TD>2</TD>
      <TD>3</TD>
      <TD>6</TD>
    </TR>
    <TR height=70 bgColor=olive>
      <TD>1</TD>
      <TD colSpan=2 align=middle>2</TD>
      <TD>4</TD>
      <TD>6</TD>
    </TR>
    <TR height=80 bgColor=gray>
      <TD>1</TD>
      <TD>2</TD>
      <TD>3</TD>
      <TD>4</TD>
      <TD>6</TD>
    </TR>
    <TR height=90 bgColor=silver>
      <TD>1</TD>
      <TD>2</TD>
      <TD>3</TD>
      <TD>4</TD>
      <TD>5</TD>
      <TD>6</TD>
    </TR>
    <TR height=100 bgColor=fuchsia>
      <TD>1</TD>
      <TD>2</TD>
      <TD>3</TD>
      <TD>4</TD>
      <TD>5</TD>
      <TD>6</TD>
    </TR>
  </TBODY>
</TABLE>
二子戴代
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css 细线表格 css制作table细线表格常用属性
09-25
在CSS中，制作细线表格是一项常见的任务，它可以使数据展示更加清晰且美观。下面将详细介绍如何使用CSS来优化和创建细线表格，以及其中涉及的关键属性。 首先，要实现细线表格，一个非常关键的属性是`border-...
table css线条,Css制作table细线表格
weixin_39932181的博客
08-03 383
-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“>Css制作table细线表格table {border-collapse:collapse; /* 关键属性：合并表格内外边框(其实表格边框有2px，外面1px，里面还有1px哦) */border:solid #999;...
Css制作table细线表格
技术专栏
08-09 894
Css制作table细线表格 <!-- /* PR-CSS */ table { border-collapse:collapse; /* 关键属性：合并表格内外边框(其实表格边框有2px，外面1px，里面还有1px哦) */ border:solid #6699cc; /* 设置边框属性；样式(solid=实线)、颜色(#999=灰) */ border-width:1px 0 0 1px;
前端基础-CSS细线表格
逍遥云恋
03-30 632
细线表格 语法：border-collapse:collapse; 示意图 注意：一定要加在table标签上，且表格和单元格都加边框属性
html css制作的表格,Css制作table细线表格
weixin_28686915的博客
06-10 136
-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“>Css制作table细线表格table {border-collapse:collapse; /* 关键属性：合并表格内外边框(其实表格边框有2px，外面1px，里面还有1px哦) */border:solid #999;...
利用CSS生成精美细线Table表格无需复杂style代码
09-25
首先，要创建细线表格，我们需要引入一个预定义了表格样式的CSS文件，例如名为`table.css`的文件。在HTML文档的`<head>`部分，添加以下代码来引入这个CSS文件： ```html <link rel="stylesheet" type="text/css" ...
兼容浏览器的css网页细线表格设计
12-11
常见的做法是利用 CSS2 的 "border-collapse:collapse;" 属性合并表格边框；并对 table 元素设置左边框和上边框，对 th 和 td 元素设置右边框和下边框。 Markup: 复制代码代码如下: <table> <tr> <th>table head ...
物联网工程_基于RFID的食堂食品安全监测系统设计.docx
07-20
物联网工程_基于RFID的食堂食品安全监测系统设计
VisualSVN-VS2022
07-20
VisualSVN-VS2022-8.0.5.vsix SVNVS插件，使用VS自带更新速度太慢，可下载后直接安装即可
基于PSO优化的BP神经网络训练与测试matlab仿真，包括程序，注释，参考文献，操作步骤
07-20
1.版本：matlab2022A。 2.包含：程序，中文注释，参考文献，仿真操作步骤（使用windows media player播放）。 3.领域：PSO优化的BP神经网络 4.仿真效果：仿真效果可以参考博客同名文章《基于PSO优化的BP神经网络训练与测试matlab仿真》 5.内容：基于PSO优化的BP神经网络训练与测试matlab仿真。粒子群优化（Particle Swarm Optimization, PSO）结合BP（Backpropagation）神经网络是一种常见的优化方法，用于提升神经网络的学习能力和泛化能力。PSO不仅帮助BP神经网络找到了一个较好的初始解，从而可能加快了训练过程并提高了最终模型的质量，而且还能探索到更广泛的解空间，有助于避免局部最优解。 6.注意事项：注意MATLAB左侧当前文件夹路径，必须是程序所在文件夹位置，具体可以参考视频录。
超详细讲C++cout语句
07-20
超详细讲C++cout语句，专门为C++初学者录制。
java基于ssm+jsp网络安全宣传网站系统源码 带毕业论文
07-20
【资源说明】 1、开发环境：ssm框架；内含Mysql数据库；JSP技术 2、该资源包括项目的全部源码，下载可以直接使用！ 3、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目，作为参考资料学习借鉴。 4、本资源作为“参考资料”如果需要实现其他功能，需要能看懂代码，并且热爱钻研，自行调试。
java基于ssm+jsp奶茶店管理系统源码 带毕业论文
07-20
【资源说明】 1、开发环境：ssm框架；内含Mysql数据库；JSP技术 2、该资源包括项目的全部源码，下载可以直接使用！ 3、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目，作为参考资料学习借鉴。 4、本资源作为“参考资料”如果需要实现其他功能，需要能看懂代码，并且热爱钻研，自行调试。
[课设项目]Java-SSM框架开发框架的安全教育平台+vue+MySQL+前后端分离毕业论文和源码.zip
07-20
本项目是一个基于Java-SSM框架开发的安全教育平台，采用前后端分离的设计理念，前端使用Vue框架，后端则采用SSM框架进行搭建。项目旨在提供一个全面、安全的教育平台，以满足计算机相关专业学生毕业设计的需求，同时也为Java学习者提供实战练习的机会。 资源包中包含了完整的项目源码、数据库脚本以及详细的开发说明，更有论文参考，助力开发者顺利完成项目并可作为毕设作品提交。项目已历经严格的调试过程，确保在JDK、IDEA和Tomcat的开发环境下能够稳定运行。 对于有一定Java基础的学习者而言，这个项目不仅提供了一个现成的实战案例，更可以在其基础上进行创新和改进，实现更多个性化功能，从而提升技术水平和解决实际问题的能力。无论是毕业设计还是日常学习，这都是一个极具价值的资源。请放心下载使用，相信它会为你带来不少帮助。
【独家首发】Matlab实现减法平均优化算法SABO优化Transformer-BiLSTM实现负荷数据回归预测.rar
07-20
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
03-数据类型转换.md
07-20
03-数据类型转换
物联网工程_文物古迹保护遗址环境和安全远程监控系统.docx
07-20
物联网工程_文物古迹保护遗址环境和安全远程监控系统
Python入门.docx
最新发布
07-20
Python
css设置细线表格颜色多种
05-04
可以使用CSS的border属性来设置细线表格的颜色，其中包括border-color属性和border-style属性。border-color属性可以设置边框的颜色，可以使用多个颜色值来设置不同边框的颜色。border-style属性可以设置边框的样式...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值