html中table的表格样式

最新推荐文章于 2024-08-31 16:21:12 发布
最新推荐文章于 2024-08-31 16:21:12 发布
阅读量667 收藏
点赞数
分类专栏： CSS+DIV 文章标签： HTML 

<html>
<head></head>
	<body>
		<table border="1" width="200" cellpadding="0" cellspacing="0"> <tr align="center"> <td>普</td> <td>表</td> </tr> <tr align="center"> <td>通</td> <td>格</td> </tr> </table> 
		<br>
		<table border="0" width="200" cellspacing="1" cellpadding="0" bgcolor="#000000" > <tr align="center" bgcolor="#FFFFFF"> <td bgcolor="#FFFFFF">细</td> <td bgcolor="#FFFFFF">表</td> </tr> <tr align="center" bgcolor="#FFFFFF"> <td bgcolor="#FFFFFF">线</td> <td bgcolor="#FFFFFF">格</td> </tr> </table> 
		<br>
		<table width="200" cellspacing="0" cellpadding="0"> <tr align="center"> <td style="BORDER-top: rgb(0,0,0) 1px groove; BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-left: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove">细</td> <td style="BORDER-top: rgb(0,0,0) 1px groove; BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove">表</td> </tr> <tr align="center"> <td style="BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-left: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove">线</td> <td style="BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove">格</td> </tr> </table> 
		<br>
		<table width="200" cellspacing="0" cellpadding="0"> <tr align="center"> <td style="BORDER-top: rgb(0,0,0) 1px dotted; BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-left: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted">细</td> <td style="BORDER-top: rgb(0,0,0) 1px dotted; BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted">表</td> </tr> <td style="BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-left: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted">线</td> <td style="BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted">格</td> </tr> </table> 
		<br>
		<table width="200" border="0" cellspacing="2" cellpadding="0"> <tr> <td> <table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000"> <tr> <td bgcolor="#FFFFFF"> </td> </tr> </table> </td> <td> <table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000"> <tr> <td bgcolor="#FFFFFF"> </td> </tr> </table> </td> </tr> <tr> <td> <table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000"> <tr> <td bgcolor="#FFFFFF"> </td> </tr> </table> </td> <td> <table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000"> <tr> <td bgcolor="#FFFFFF"> </td> </tr> </table> </td> </tr> </table> 
		<br>
		<table border="1" bordercolorlight="#ffffff" bordercolordark="#ffffff" width="200" cellpadding="0" cellspacing="0"> <tr align="center"> <td bgcolor="#B7B7B7" bordercolorlight="#000000" bordercolordark="#eeeeee" >立</td> <td bgcolor="#B7B7B7" bordercolorlight="#000000" bordercolordark="#eeeeee" >表</td> </tr> <tr align="center"> <td bgcolor="#B7B7B7" bordercolorlight="#000000" bordercolordark="#eeeeee" >体</td> <td bgcolor="#B7B7B7" bordercolorlight="#000000" bordercolordark="#eeeeee" >格</td> </tr> </table> 
		<br>
		<table width="200" cellpadding="0" cellspacing="0"> <tr> <td><fieldset style="width:200" align="center"> <legend> 无名表格 </legend> <p align="right"> </fieldset></td> </tr> </table> 
		<br>
		<table width="200"" cellspacing="0" cellpadding="0"> <tr> <td> <fieldset style="width: 200; color: #B7B7B7; border-style: groove" align="center"> <legend style="color: blue; border: 1 solid #000000"> 表中表效果Ⅰ</legend> <br> </fieldset> </td> </tr> </table> 
		<br>
		<table width="200"> <tr> <td><fieldset style="width:200" align="center"> <legend> <table style="border: 1 solid #000000" width="80" cellspacing="1" cellpadding="0" height="20"> <tr> <td><font color=blue>表中表效果Ⅱ</font></td> </tr> </table> </legend><br> </fieldset> </td> </tr> </table> 
	</body>
</html>
网络猎人
关注
专栏目录
自适应Table表格样式特效代码
03-20
为了解决这一问题，"自适应Table表格样式特效代码"应运而生。这种特效代码利用了CSS3的先进技术，使得表格在不同屏幕尺寸下都能保持良好的可读性和视觉效果，从而提高用户在手机、平板电脑和桌面电脑等多平台的浏览...
Html Table 样式
yuling59520的专栏
06-01 2万+
框线制作常用代码代码含义<table>...</table>建立表格，所有的其他标记都需要在此标记中  <table width=* heigth=*></table>设定表格宽度width和高度height，属性值可以使用点数，如：width=50，也可以使用百分比，如：width=50%。<table bgcolor=*></table> 表格背景色。属性值可使用颜色英文名称如：bgcolor=Blue，也可以使用十六进制值如：bgcolor=#799ED2 。<table background=*><
HTML中的表格
最新发布
m0_62859066的博客
08-31 1019
td标签:表格的内容部分的普通单元格(浏览器默认的文字样式;cellspacing属性:设置表格外层边框和单元格边框之间的间距。th标签:表头的单元格(文字加粗;thead标签:表格的头部(可省略)tbody标签:表格的内容(可省略)rowspan属性和colspan属性同时使用则行和列同时合并。没有给table添加边框属性(border)不会显示表格的边框。rowspan="合并的单元格数量" 跨行合并。colspan="合并的单元格数量" 跨列合并。align属性:表格的对齐方式。
【表格样式】——HTML制作表格大全
热门推荐
Hello World
08-13 11万+
标签的属性设置 带边框的表格： FoodDrinkSweet ABC Food Drink Sweet A B C 不带边框的表格： FoodDrinkSweet ABC Food Drink Sweet A B C
HTML的表格样式
Raccon_的博客
11-22 1298
HTML5 表格 <table> <tr> <th>1</th>(th为列标题 自动加粗居中) <th>2</th> </tr> <tr> <td>3</td> <td>4</td> </tr> </table> 属性: 宽度:width 高度:
html 简单的table样式
z_qifa的博客
07-03 2万+
效果预览： 代码： 1 DOCTYPE html> 2 html> 3 head> 4 meta charset="utf-8"> 5 title>html 简单的table样式title> 6 style type="text/css"> 7 /* gridtable */ 8 table.grid
自适应Table表格样式代码
06-24
自适应Table表格样式代码是为了确保无论用户使用何种设备浏览网页，表格都能保持清晰、易读且布局合理的状态。本文将详细讲解如何实现这样的效果，并介绍相关的关键技术和实践方法。 首先，我们需要理解表格的基本...
自适应Table表格样式代码.zip
07-05
在这个"自适应Table表格样式代码.zip"压缩包中，我们主要关注的是如何使用HTML和CSS3来创建一个响应式的表格，以实现跨平台的良好用户体验。此外，JavaScript也可能被用来增强表格的功能，如交互性或动态调整。 ...
漂亮的table表格样式
06-16
"漂亮的table表格样式"是关于如何通过CSS（Cascading Style Sheets）来美化HTML表格，使其视觉效果更加吸引人，同时保持易读性和交互性。下面我们将深入探讨这一主题。 首先，我们关注的是"亮蓝色"的样式。在HTML...
HTML table样式
qq_43527694的博客
07-13 5195
如果想在网页中建一个如下table表格应该怎么做呢？ 首先建一个表<table> <table>/*table标签就是建一个表格*/ <tr>/*tr标签就是table row，即为表格中的一行*/ <th>学号</th>/*th标签即table head，就是表头*/ <th>姓名</th> <th>手机号</th> <th>家庭地址</th&
html,table常用样式
11-30
html,table常用样式，适用于对htm样式美观有要求的项目
HTML常用table样式
08-06
源代码包 博文链接：https://atgoingguoat.iteye.com/blog/2074431
HTML之table样式集锦
观山是山
06-07 8269
处理意见：                                                             审批记录                        width: 列的宽度   align: 单元格内容水平排列方式：right left center  valign: 单元格内容垂直排列方式: top bottom middle bas
html table专业样式,html 简单的table样式
weixin_30562025的博客
06-20 2628
1 2 3 4 5 html 简单的table样式6 7 /*gridtable*/8 table.gridtable{9 font-family:verdana,arial,sans-serif;10 font-size:11px;11 color:#333333;12 border-width:1px;13 border-color:#666666;14 bor...
HTML表格样式
ZYX13721846745的博客
10-08 8103
9675人阅读 行跟列背景颜色的选择，合并等 列的颜色选择代码 <colgroup span="1" bgcolor="lightgreen"></colgroup> <colgroup span="1" bgcolor="lightyellow"></colgroup> <colgroup span="2" bgcolor="lightgreen"> <col bgcolor="lightgray"> <col&
html table样式_CSS表格样式
weixin_39942451的博客
12-01 861
表格的样式一般可以在HTML中直接定义，但是结构和样式需要分开声明，这可以方便后期的维护和修改。CSS中的表格样式有caption-side(表格标题位置)、border-collapse(表格边框合并)、border-spacing(表格边框间距)。caption-side caption-side属性取值只有2个，如下表属性值说明top标题在顶部(默认)bo...
python xlsx 样式 谷歌开源 样式_一个不错的table样式
weixin_39966130的博客
03-01 314
CSS Tables/* CSS Document */body {font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #4f6b72;background: #E6EAE9;}a {color: #c75f3e;}#mytable {width: 700px;padding: 0;...
【HTML】表格样式
~★sunshine☆的博客专栏
04-19 912
表格样式 .tabelist{ border:1px solid #429fff;/*表格边框*/ font-family:"楷体"; border-collapse:collapse;/*边框重叠*/} .tabelist caption{ background-image:url(t01e781575902ba7f2a.jpg);/*背景*/ padding-top:3px
vue table表格样式
10-14
Vue中的表格样式可以通过CSS来设置，也可以使用第三方UI库如Element UI、Vuetify等提供的表格组件。以下是一个简单的例子： ```html <table class="my-table"> 姓名 年龄 性别 (item, index) in ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值