html表格的常用样式
行跟列背景颜色的选择,合并等
列的颜色选择代码
<colgroup span="1" bgcolor="lightgreen"></colgroup><colgroup span="1" bgcolor="lightyellow"></colgroup><colgroup span="2" bgcolor="lightgreen"><col bgcolor="lightgray"><col></colgroup><colgroup span="1" bgcolor="cyan"></colgroup>
行跟列的合并代码
<th colspan="2" rowspan="2">操作</th>
<td colspan="2">平均:</td>
<!DOCTYPE html>
<html>
<style type="text/css">td{text-align:center;}a{text-decoration: none;}img{width: 25px;height:25px;border-radius: 50%;align="left";}
</style>
<head><meta charset="utf-8"><title>demo</title>
</head>
<body>
<!-- <strong></strong>
<em></em>
<pre></pre>格式化原样式输出 -->
<br><br>
<table border="1" cellspacing="0" cellpadding="5" align="center" width="40%"><caption><strong>明星排行榜</strong> <a href="">添加</a></caption><!-- <colgroup span="1" bgcolor="lightgreen"></colgroup><colgroup span="1" bgcolor="lightyellow"></colgroup><colgroup span="2" bgcolor="lightgreen"><col bgcolor="lightgray"><col></colgroup><colgroup span="1" bgcolor="cyan"></colgroup> --><!-- thead,tbody,tfoot表格的分区 --><tr bgcolor="skyblue"><th colspan="2">信息</th><th colspan="3">三围</th><th colspan="2" rowspan="2">操作</th></tr><tr bgcolor="skyblue"><th>ID</th><th>姓名</th><th>腰围</th><th>胸围</th><th>臀围</th></tr><tr><td>01</td><td><img src="./images/3.png" align="left">波多</td><td>88</td><td>59</td><td>85</td><td><a href="">编辑</a></td><td><a href="">删除</a></td></tr><tr><td>02</td><td ><img src="./images/3.png" align="left">玛利亚</td><td>88</td><td>59</td><td>85</td><td><a href="">编辑</a></td><td><a href="">删除</a></td></tr><tr><td>03</td><td><img src="./images/3.png" align="left">浅川梨奈</td><td>88</td><td>59</td><td>85</td><td><a href="">编辑</a></td><td><a href="">删除</a></td></tr><tr><td>04</td><td><img src="./images/3.png" align="left">苍老师</td><td>88</td><td>59</td><td>85</td><td><a href="">编辑</a></td><td><a href="">删除</a></td></tr>
<!-- <tbody><tr bgcolor="lightyellow"><td colspan="2">平均:</td><td>88</td><td>59</td><td>85</td></tr></tbody> -->
</table>
<p align="center"><a href="">首页</a><a href="">上一页</a><a href="">...</a><a href="">下一页</a><a href="">尾页</a>
</p></body>
</html>
html表格的常用样式相关推荐
- 表格的一些常用样式以及属性
1.表格的属性: 名称 属性(display) table table tr table-row th table-cell td table-cell 2.表格的一些常用样式: (1). 单元格间隙 ...
- bootstrap 黑边框表格样式_bootstrap4 使用及常用样式详细整理
引入方式 前端项目基于jquery去构建:可以直接引入cdn库,bootstrap4.css.jquery.js.bootstrap4.js 前端项目基于react去构建:bootstrap4.css ...
- css文字向右对齐_web前端入门到实战:css常用样式对文本的处理演练
CSS文本属性可定义文本的外观,这是毫无疑问的,其次css可以通过以下属性改变文字的排版,比方说letter-spacing实现字符间距text-indent: 2em;完成首行缩进2字符word-s ...
- CSS常用样式及示例
CSS常用样式及示例 一.简介 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式 ...
- CSS/CSS3常用样式与web移动端资源
CSS/CSS3常用样式与知识点 IE条件注释 条件注释简介 IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法. ...
- [总结]CSS/CSS3常用样式与web移动端资源
CSS/CSS3常用样式与知识点 IE条件注释 条件注释简介 IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法. ...
- HTML5 列表、表格、常用表单、基本标签
学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签 掌握三种列表标签 掌握表格标签 掌握表格标签 掌握表单标签 掌握H5新增表单和表单属 ...
- Python生成excel表格并设置样式
python在做爬虫时会涉及到数据存储问题,下面说一下将数据存储在excel表格中,主要使用扩展类xlwt,下面详细说一下,主要涉及到了数据列,背景,名称等参数. 说明:python3.7.windo ...
- 手把手带你打造自己的UI样式库(第三章)之常用样式组件的设计与开发
常用样式组件的设计与开发 Search搜索框样式的设计与开发 搜索组件的需求 搜索框的功能比较简单,最基本的就是输入和提交两个逻辑.但是我们这个搜索框要额外的加一些细节,输入框分为输入状态和非输入状态 ...
- HTML中table表格的常用标签及属性
table表格的常用标签及属性 <table border="1" cellspacing="0" cellpadding="5"&g ...
最新文章
- java finereport_java报表FineReport_JS整理
- 线性回归 c语言实现_C ++中的线性回归实现
- 2020年你应该学习 .Net Core
- 前端学习(1673):前端系列实战课程之最终封装
- 9款基于CSS3 Transitions实现的鼠标经过图标悬停特效
- mysql 创建用户并授权_教你MySQL-8.0.x数据库授权
- 动态PHP查看新闻,PHP_用文本文件实现的动态实时发布新闻的程序,动态实时发布新闻的程序,可 - phpStudy...
- Base ui 纯as3的ui
- 虚拟机 linux 盘分小了,增加虚拟机硬盘分区大小
- java.sql.SQLException: The server time zone value '�й���ʱ��' is unrecognized or represents more tha
- linux学习日志,linux学习日记范文
- mtk 软件下载过程
- Technica:以太网解决方案
- 关于装msdn网站纯净版win7正版授权问题(已解决)
- 各类文件的文件头尾总结
- web前端学习路线-20个真实web开发项目集合
- 双11付费专栏9折优惠
- Unity3d 2019.3 通过 Ctrl 键让移动是固定步距
- 【java】在线编程网站推荐
- 爬虫练习(1)-- 爬取豆瓣最新电影
热门文章
- linux jnlp 远程,OpenJDK “IcedTea”插件JNLPSecurityManager远程代码执行漏洞
- 从韩春雨事件看学术成果的辨别
- BLE - 连接时触发配对
- 《东周列国志》第五十八回 说秦伯魏相迎医 报魏錡养叔献艺
- email英文计算机求职信,求职信_计算机英文求职信
- 互联网金融学习总结(7)——2019年线下大额现金贷产品设计和风控手段
- centos 7 屏蔽国外ip访问
- 酷派手机锁屏壁纸提取
- 获取计算机用户名称的方法,javascript读取用户名和计算机名
- Emulex光纤卡lpfc配置文件的修改