下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:HTML table 表格边框

作者:gentsir     来源: https://www.cnblogs.com/gentsir/p/11661375.html点击数:2599发布时间: 2020-03-06 09:19:06

标签: 单元格HTMLweb前端

Web开发

  超文本标记语言,标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

  一、总体思路:

  1、表格无边框,背景颜色设置一种颜色(#DCDFE6),这样表格的边框的颜色就是表格的背景颜色;

  2、单元格间距为1px,背景颜色设置为白色(#FFFFFF)

  具体的编程代码如下所示:

  //css

  table{background:#DCDFE6;width:100%;}

  tabletd{background:#FFFFF;}

  //html

  <tableborder="0"cellspacing="1"cellpadding="0">

  <tr>

  <tdcolspan="3"><el-checkbox>仪表面板</el-checkbox></td>

  </tr>

  <tr>

  <tdrowspan="2"><el-checkbox>渠道管理</el-checkbox></td>

  <td><el-checkbox>渠道列表</el-checkbox></td>

  <td>

  <el-checkbox>新增</el-checkbox>

  <el-checkbox>编辑</el-checkbox>

  <el-checkbox>删除</el-checkbox>

  </td>

  </tr>

  </table>

  二、具体的效果图如下所示:

web前端:HTML table 表格边框_单元格_HTML _web前端_课课家

  HTML是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。

赞(10)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程