版權聲明：本文為部落客原創文章，轉載請注明出處。 https://blog.csdn.net/twilight_karl/article/details/54814015
css表格
| 屬性 | 描述 |
|---|---|
| border-collapse | 是否把表格邊框合并為單一邊框 separate/collapse |
| border-spacing | 設定分隔單元格邊框的距離 num |
| caption-side | 表格标題的位置 Top/bottom |
| empty-cells | 設定是否顯示表格中的空單元格 hide/show |
| table-layout | 設定顯示單元、行和列的算法 |
table-layout:
automatic: 列寬度由單元格内容設定。預設
fixed: 列寬由表格寬度和列寬度設定。
inherit: 規定應該從父元素繼承 table-layout 屬性的值。
一個簡單的表格
<html>
<head>
<style type="text/css">
table{
border-collapse:collapse;
border:solid 1px ;
width:50%;
}
table th{
background-color:skyblue;
color:white;
}
table th,td{
text-align:center;
border:solid 1px red ;
}
tr.em{
background-color:rgb(255,0,0);
}
</style>
</head>
<body>
<table>
<tr>
<th>姓名</th>
<th>性别</th>
<th>年齡</th>
</tr>
<tr class="em">
<td>張三</td>
<td>男</td>
<td>20</td>
</tr>
<tr>
<td>張三</td>
<td>男</td>
<td>20</td>
</tr>
<tr class="em">
<td>張三</td>
<td>男</td>
<td>20</td>
</tr>
<tr>
<td>張三</td>
<td>男</td>
<td>20</td>
</tr>
</table>
</body>
</html>
outline 輪廓
outline-color 規定邊框的顔色。
outline-style 規定邊框的樣式。
可能用到的樣式
| 值 | |
|---|---|
| none | 定義無輪廓。預設 |
| dotted | 定義點狀的輪廓。 |
| dashed | 定義虛線輪廓。 |
| solid | 定義實線輪廓。 |
| double | 定義雙線輪廓。雙線的寬度等同于 outline-width 的值。 |
| groove | 定義 3D 凹槽輪廓。此效果取決于 outline-color 值。 |
| ridge | 定義 3D 凸槽輪廓。此效果取決于 outline-color 值。 |
| inset | 定義 3D 凹邊輪廓。此效果取決于 outline-color 值。 |
| outset | 定義 3D 凸邊輪廓。此效果取決于 outline-color 值。 |
| inherit | 規定應該從父元素繼承輪廓樣式的設定。 |
outline-width 規定邊框的寬度。
可能用到的值
| thin | 規定細輪廓。 |
|---|---|
| medium | 規定中等的輪廓.預設 |
| thick | 規定粗的輪廓。 |
| length | 允許您規定輪廓粗細的值。 |
| 規定應該從父元素繼承輪廓寬度的設定。 |
![查找算法之二分查找查找算法之二分查找[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)