如何制作这样的网页？

来源：百度知道 编辑：UC知道 时间：2024/07/02 12:24:13
如何实现网页中 鼠标指向标题后，下面就列示详细文章名称。
就像网易首页中的标签 ---科技---手机----数码，如图：

将代码保存为html文件，浏览后查看效果． 这个是我保存的TABLE格式的
需要的话可以自己慢慢修改，呵呵

<HTML>
<HEAD></head>
<body>
<style type=text/css>
td {
font-size: 12px;
color: #000000;
line-height: 150%;
}
.sec1 {
background-color: #EEEEEE;
cursor: hand;
color: #000000;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid gray;
border-bottom: 1px solid #FFFFFF
}
.sec2 {
background-color: #D4D0C8;
cursor: hand;
color: #000000;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid gray;
font-weight: bold;
}
.main_tab {
background-color: #D4D0C8;
color: #000000;
border-left:1px solid #FFFFFF;
border-right: 1px solid gray;
border-bottom: 1px solid gray; <