table tr td

tr：代表一行
td：代表一列
rowspan=“3” 合并三行
colspan=“2” 合并两列
vue 代码

<table id="mytable" cellspacing="0"><tr><td width="100" class="alt" rowspan="3">信息</td><td class="alt">招聘职位：</td><td>前端工程师</td><td class="alt">学历：</td><td>本科全日制</td></tr><tr><td class="alt">性别要求：</td><td>女</td><td class="alt">待遇：</td><td>9~12K</td></tr><tr><td class="alt">联系人：</td><td>王小姐</td><td class="alt">联系电话：</td><td>19974729203</td></tr><tr><td class="alt">信息有效期：</td><td colspan="2">2021/1/28</td><td class="alt">发布日期：</td><td>2021/1/28</td></tr><tr><td class="alt">其他要求：</td><td colspan="4">工作经验1-2年，有过独立开发项目经验受到了咖啡机垃圾分类打算减肥法律的撒个娇刚开始打反抗类毒素卡疯狂的看过反抗拉萨疯狂的复刻复刻大举反攻仅供大家安排个快递帕克发票丢失分开打几个铃铛垃圾国家大事更加庞大赶快国家的辣椒粉大反派的</td></tr></table>

css代码
#mytable {
width: 100%;
padding: 0;
margin: 0;
border-collapse: collapse;
}
td {
text-align: left;
line-height: 100%;
border: 1px solid #4177ec;
background: #fff;
font-size: 11px;
padding: 6px 6px 6px 12px;
color: #000000;
}
td.alt {
background: #caf7e4;
color: #1146d8;
}

table tr td相关推荐

Javascript操作table,tr,td和表格CSS样式设置小常识
效果良好的表属性设置: <table cellSpacing="0" cellPadding="0" border='1' bordercolor=&qu ...
html 中 table tr td br 什么意思是什么的缩写
HTML(HyperText Mark-up Language)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言.设计HTML语言的目的是为了能把存放在 ...
html table tr td br 什么意思缩写
html table tr td br 什么意思缩写 2010-03-04 23:09 <TABLE>代表表格</TABLE> <TR>代表表格中的一行</ ...
HTML 表格table tr td、表头标题、表结构、合并单元格
文章目录表格基本标签表格属性表格标题和表头单元格标签表格的结构标签(了解) 合并单元格表格基本标签 <table><tr><td>单元格内的文字</ ...
html给自动生成的td赋值,JS 动态创建Table,Tr,Td并赋值的简单示例
修改: 要求主题列表随成果类型改变而改变网上查询资料后开工,在成果类型下拉框添加change()事件触发Dwr,查询主题集合--动态创建/编辑Table JS部分: 经测试代码如下: /** * 动 ...
html中表格元素的英文,HTML中表格元素TABLE,TR,TD及属性的语法
table:表格元素及属性属性说明 width 表格宽度,单位为%或象素 border 表格边框线的粗细 cellspacing 表格间距 cellpadding 表格边距 ...
Table tr td th表格使用案例
<table width="300" border="1" cellspacing="0"> <tr> <th ...
table tr td 表格合并
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
html tr加样式,Javascript操作table,tr,td和表格CSS样式设置小常识
效果图:方法一姓名性别住址电话张三男 ...

table tr td

table tr td相关推荐

最新文章

热门文章