![CSS:表格样式(设置表格边框/文字/背景的样式)【HTML】](https://300zi.50zi.cn/uploadfile/img/14/587/76146e2860f230488de2ba4150046dd8.jpg)
web前端|html教程
CSS:表格样式(设置表格边框/文字/背景的样式)
web前端-html教程
使用CSS可以制作出十分精美的表格。
android源码软件,vscode不支持jsx,ubuntu杀端口,tomcat启动文件在哪,爬虫飞机代码,php 生成文件名,黑龙江抖音seo系统,打赏观看的电影网站程序源码,网页底部模板lzw
代码整理自w3school:
asp源码左边树型结构,ubuntu虚拟分区方案,tomcat8.5怎么样,爬虫技术自动点击,php标题图片文字合成,seo定时收录lzw
效果图:
秒赞源码博客,VSCODE发布步骤,ubuntu名称,tomcat怎么发音,qt加载SQLite驱动,jq 时间插件 输入框,前端开发框架课程设计,网络爬虫行为司法争议,PHP网站设计色彩,惠阳seo推广公司,dw响应式网站,易语言网页后台点击,wap社区模板下载lzw
代码:
CSS 表格样式body {background-color:#e8e8e8} /*text-align 属性设置水平对齐方式,vertical-align 属性设置垂直对齐方式*/ table,th,td {border:1px solid blue;text-align:center}table.singlineBorder {border-collapse:collapse;} /*单线条边框的表格*/ table.widthPercent30 {width:30%} th.height50px {height:50px} td.greenBg {color:#00aa00;background-color:#ccc} /*一个精美的表格*/ table.niceTable{width:30%;border-collapse:collapse;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; } table.niceTable td,table.niceTable th {padding:3px 7px 2px 7px;border:1px solid #98bf21; } table.niceTable th {color:white;background-color:#A7C942; } table.niceTable tr.light td {background-color:#EAF2D3;}
(一)蓝色边框的表格
(二)单线条边框的表格
(三)表格宽度30%,高度50px,设置字体颜色和背景颜色
(四)一个漂亮的表格