<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS樣式單元作業</title>
<style type="text/css">
table{
width: 300px;
}
tr:nth-child(odd){
background-color: #3cc;
color: black;
font-size: 18px;
text-align: center;
}
tr:nth-child(even){
background-color: black;
color: white;
font-size: 12px;
}
a{
text-decoration: none;
color: white;
}
a:hover{
background-color: white;
color: black;
}
.none{list-style-type: none;}
</style>
</head>
<body>
<table>
<tr>
<td>外國最經典的文學名著</td>
</tr>
<tr>
<td>
<ul class="none">
<li><a href="https://bbs.csdn.net/topics/ ">希臘神話——古希臘文明的瑰寶</a ></li>
<li><a href="https://bbs.csdn.net/topics/#">伊索寓言——一部經典的寓言故事集</a ></li>
<li><a href="https://bbs.csdn.net/topics/#">荷馬史詩——橫亙千古的文學瑰寶</a ></li>
<li><a href="https://bbs.csdn.net/topics/#">俄狄浦斯王——古希臘悲劇的典范</a ></li>
<li><a href="https://bbs.csdn.net/topics/#">圣經——基督教的經典著作</a ></li>
<li><a href="https://bbs.csdn.net/topics/#">源氏物語——日本古典文學的瑰寶</a ></li>
<li><a href="https://bbs.csdn.net/topics/#">神曲——中世紀的偉大詩作</a ></li>
<li><a href="https://bbs.csdn.net/topics/#">十日談——歐洲第一部現實主義小說</a ></li>
<li><a href="https://bbs.csdn.net/topics/#">列那狐的故事——法國偉大的民間長篇故事詩</a ></li>
<li><a href="https://bbs.csdn.net/topics/#">巨人傳——一部荒誕不經的幽默小說</a ></li>
</ul>
</td>
</tr>
</table>
</body>
</html>
uj5u.com熱心網友回復：
沒見你說的三個字符，設定行高，見下文width: 300px; } tr:nth-child(odd){
background-color: #3cc; color: black; font-size: 18px; text-align: center; height:50px; }
uj5u.com熱心網友回復：
三個字符就是height:50px嗎
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/61157.html
標籤：HTML(CSS)
上一篇：如代碼所示 想加 一個監聽動作