DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>title>
<link rel="stylesheet" type="text/css" href="css_form_tables.css"/>
head>
<body>
<h1>列表h1>
<p>无序列表实例：p>
<ul class="a">
<li>Coffeeli>
<li>Teali>
<li>Coca Colali>
ul>
<ul class="b">
<li>Coffeeli>
<li>Teali>
<li>Coca Colali>
ul>
<p>有序列表实例：p>
<ol class="c">
<li>Coffeeli>
<li>Teali>
<li>Coca Colali>
ol>
<ol class="d">
<li>Coffeeli>
<li>Teali>
<li>Coca Colali>
ol>
<div style="overflow-x:auto;">
<table>
<tr>
<th>Firstnameth>
<th>Lastnameth>
<th>Savingsth>
tr>
<tr>
<td>Billtd>
<td>Gatestd>
<td>$100td>
tr>
<tr>
<td>Stevetd>
<td>Jobstd>
<td>$150td>
tr>
<tr>
<td>Elontd>
<td>Musktd>
<td>$300td>
tr>
<tr>
<td>Marktd>
<td>Zuckerbergtd>
<td>$250td>
tr>
table>
div>
body>
html>
ul.a{
/* 设置元素前面的图标 */
list-style-type: square;
}
ul.b{
/* 图像做标记 */
list-style-image: url('');
}
ol.c{
/* 标记在外 */
list-style-position: inside;
}
table{
/* 合并表格 */
border-collapse: collapse;
padding: 10px;
text-align: center;
border-bottom: 1px solid black;
}
tr:hover{
/* 悬停颜色改变 */
background-color: antiquewhite;
}