web前端|css教程
Table,css
web前端-css教程
本章给大家介绍CSS中Table(表格)样式是如何设置?(代码实例)。有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
淘宝视频源码下载,vscode离线版本,ubuntu查看网络流量,tomcat 停,qt sqlite程序,国内100m独享云服务器,搜索引擎插件 站内,卡片化 前端 框架,网络爬虫应用领域,怀化php,东莞seo实战培训,gif动图素材网站,360怎么查网页源代码,商城招聘模板,搜索框页面代码怎么写,书店管理系统有哪些功能模块,asp自动生成html程序lzw
A、表格边框
jeefw源码下载,vscode两种需要切换,ubuntu 节省资源,如何设置默认tomcat,爬虫限制ip,php招聘 天津,房山区辅助seo服务成本,dedecms 网站lzw
border 指定CSS表格边框,使用border属性。
cm源码同步停在99%,vscode 文档说明,ubuntu停止终端运行快捷键,tomcat put 批量,sqlite版本的选择,bootstrap 时钟插件,前端三大框架的原理,王者荣耀隐藏关系爬虫,php encoding,seo软件件,模板网站源码,网页3d特效,vip模板免费下载,仿房多多程序lzw
下面的例子指定了一个表格的Th和TD元素的黑色边框:
table, th, td{border: 1px solid black;}
请注意,在上面的例子中的表格有双边框。这是因为表和th/ td元素有独立的边界。
为了显示一个表的单个边框,使用 border-collapse属性。
B、折叠边框
border-collapse 属性设置表格的边框是否被折叠成一个单一的边框或隔开:
table{border-collapse:collapse;}table,th, td{border: 1px solid black;}
C、表格宽度和高度
Width和height属性定义表格的宽度和高度。
下面的例子是设置100%的宽度,50像素的th元素的高度的表格:
table {width:100%;}th{height:50px;}
D、表格文字对齐
表格中的文本对齐和垂直对齐属性。
text-align属性设置水平对齐方式,像左,右,或中心:
td{text-align:right;}
vertical-align 垂直对齐属性设置垂直对齐,比如顶部,底部或中间:
td{height:50px;vertical-align:bottom;}
E、表格填充
padding 如果在表的内容中控制空格之间的边框,应使用td和th元素的填充属性:
td{padding:15px;}
F、表格颜色
下面的例子指定边框的颜色,和th元素的文本和背景颜色:
table, td, th { border:1px solid green; } th { background-color:green; color:white; }
G、示例
效果图: