如何在表格中创建下拉菜单?

时间:2018-11-16 17:07:55

标签: html css drop-down-menu html-table hyperlink

我有一个单行表,每个单元格中都有链接(下面的代码)。我想为每个链接添加一个下拉菜单,以便人们可以直接导航到页面主链接中的项目。例如,主链接可能会将您带到“大学图书馆”,而我希望“小时”或“数据库”之类的内容显示为悬停在“大学图书馆”上的下拉菜单中的链接。想法?

<style>
.menubar {font-size: 20px; color:#00285b; font-family:"Times New Roman", Times, serif; background-color:#e8eced;}

table, td, th {
border: 0px; }

table {
border-collapse: collapse;
width: 100%;}

th {
width:auto
padding:50px}
</style>

<table class="menubar">
<tr>

<th><a href='http://www.regent.edu/lawlibrary/' target="_blank">Law Library Home </a></th>
<th><a href='http://libguides.regent.edu/' target="_blank">Research Tools</a></th>
<th><a href='http://libguides.regent.edu/lawabout' target="_blank">About the Library</a></th>
<th><a href='https://library.regent.edu/patroninfo' target="_blank">My Account</a></th>
<th><a href='http://www.regent.edu/lib' target="_blank">University Library</a></th>
<th><a href='https://www.regent.edu/school-of-law/' target="_blank">Law School</a></th>
<th><a href='http://www.regent.edu' target="_blank">Regent Home</a></th>
</tr>
</table>

0 个答案:

没有答案