[HeadFirst-HTMLCSS学习笔记][第十三章表格]
2024-08-30 13:43:40
表格
-table
块
tr
行 table rowth
表头 table headtd
表数据 table data;caption
表格标题<table>
<caption>
The cities I visited on my Segway'n USA travels
</caption>
<tr>
<th>City</th>
<th>Date</th>
<th>Temperature</th>
<th>Altitude</th>
<th>Population</th>
<th>Diner Rating</th>
</tr>
<tr>
<td>Walla Walla, WA</td>
<td>June 15th</td>
<td>75</td>
<td>1,204 ft</td>
<td>29,686</td>
<td>4/5</td>
</tr>
<tr>
<td>Magic City, ID</td>
<td>June 25th</td>
<td>74</td>
<td>5,312 ft</td>
<td>50</td>
<td>3/5</td>
</tr>
</table>
像表现成行开头的话。每个tr放一个th
合并行
rowspan
<tr>
<td rowspan="2">Truth or Consequences,NM</td>
<td class="Center">August 9th</td>
<td class="Center">93</td>
<td rowspan="2" class="Right">4,242ft</td>
<td rowspan="2" class="Right">7,289</td>
<td class="Center">5/5</td>
</tr>
<tr>
<td class="Center">August 27th</td>
<td class="Center">98</td>
<td class="Center">4/5</td>
</tr>
- 合并列
colspan
表格CSS
caption-side
表格标题的放置方式caption-side: bottom; 表格下方
不用外边距,而是用
border-spacing
格距
,可分为垂直方向和水平方向border-collapsa
折叠边框border-collapsa: collapse;
列表CSS
list-style-type
属性
- disc 实心圆
- circle 空心圆
- square 方格
- none 什么都没有
定制标记
li {
list-style-image: url(images/backpack.gif);
padding-top: 5px;
margin-left: 20px;
}
标记位置 list-style-position
nth-child伪类
能嵌套
奇 偶段落
p:nth-child(even){
background-color :red;
}
p:nth-child(odd) {
background-color :green;
}
跟n有关
p:nth-child(2n){
background-color :red;
}
p:nth-child(2n+1){
backgroud-color:green;
}
tr,隔层染色
tr:nth-child(2n+1){
background-color: #fcba7a;
}
最新文章
- kubernetes&;tensorflow
- 【Win 10应用开发】如何知道UAP在哪个平台上运行
- linux下使用taskset设置进程cpu绑定不起作用
- poj1068 模拟
- java gui 下拉框中项删除按钮
- SQL 存储过程入门(事务)(四)
- MyEclipse — Maven+Spring+Struts+Hibernate 整合 [学习笔记-3]
- malloc实现原理
- 关于redis 缓存的问题
- String字符串截取跟替换经典案例
- 【题解】魔板—洛谷P1275。
- synchronized详解
- 为什么Java的main方法必须是public static void?
- Ubuntu18.04+GTX1080Ti+CUDA9.0+cuDNN7.0+TensorFlow-GPU1.9环境搭建【2018年11月配置成功】
- qs.parse()、qs.stringify()使用方法
- spring源码研究1 如何导入源码
- RabbitMq Queue一些方法及参数
- Linux chattr 命令
- ICMP类型和代号对照表
- 为什么我们不要.NET程序员(读后有点想法,所以转来了) 注:本文来自CSDN