HTML表格(table)属性--左右(colspan)、上下(rowspan)合并、合并。。。

更新时间:2023-05-17 19:30:35 阅读: 评论:0

substr
HTML表格(table)属性--左右(colspan)、上下(rowspan)合并、合并。。
border-collap: collap; ( 合并边框)
rowspan="2"; (上下合并)
colspan="2";(左右合并)
<html>
<head>
<meta chart="utf-8">
<title>商务风格表格的设计与实现</title>
<style>
deamon/*设置表格总体样式*/
#recruit{
width: 100%;
border-collap: collap;/* 为表格设置合并边框模型: */
text-align: left;lor什么意思
}
/*设置单元格样式*/
#recruit td,
#recruit th{
/
* font-size: 1em;*/
border: 1px solid orange;
padding: 7px;
}
/*设置标题单元格样式*/
#recruit th{
background-color: orange;
color: #ffffff;
}
凡妮莎 帕拉迪丝始祖家族第二季/*设置单元⾏样式*/
#ange{
background-color: #FFEDDB
}
</style>
</head>
<body>
<h3>商务风格表格的设计与实现</h3>
<hr />
<table id="recruit"border="1">
<caption>招聘信息表</caption>
<tr>
<th>地点</th>
<th>招聘职位</th>
<th>公司</th>
</tr>
<tr>
<td>全国</td>
<td>产品培训⽣</td>leonardcohen
<td>腾讯</td>
</tr>
<tr class="orange">
<td colspan="2">全国(左右合并colspan="2")</td>
<td>前端开发⼯程师</td>
<td>阿⾥巴巴</td>
</tr>
<tr >
<td>上海</td>
<td>交互设计师</td>
<td>⽹易游戏</td>
</tr>
<tr class="orange">
<td>北京</td>
<td>视觉设计师</td>
<td>360</td>
gay asian</tr>
<tr >
<td rowspan="2">深圳(上下合并rowspan="2")</td>
<td>数据分析师</td>
<td>IBM</td>
</tr>
s o
thais<tr class="orange">
<td>杭州</td>
<td>数据研发⼯程师</td>
<td>微软</td>
</tr>
</table>职称英语考试时间
</body>
</html>
border-spacing
该属性指定分隔边框模型中单元格边界之间的距离。在指定的两个长度值中,第⼀个是⽔平间隔,第⼆个是垂直间隔。除⾮ border-collap 被设置为 parate,否则将忽略这个属性。
border-collap:parate;/* 默认样式 */
border-spacing:10px 50px;

本文发布于:2023-05-17 19:30:35,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/78/671638.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

上一篇:士官的等级
下一篇:跨文化交际
标签:表格   设置   边框   合并   样式   模型
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图