二、实验过程(实验步骤、记录、数据、分析)
代码为:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>清华大学</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
border: none;
}
body {
margin: 0 auto;
width: 1000px;
font-size: 12px;
}
.menu ul li {
float: left;
list-style: none;
position: relative;
}
.menu ul li a {
display: block;
background-color: #900;
background: #9FF;
padding: 0 20px;
text-decoration: none;
line-height: 35px;
}
.menu ul li a:hover {
background-color: #C0F;
color: #000;
}
.menu ul li ul {
visibility: hidden;
width: 100px;
position: absolute;
left: 5px;
top: 35px;
}
.menu ul li ul li {
font-size: 12px;
网页设计html代码成品图片}
.menu ul li ul li a {
display: block;
width: 120px;
height: 35px;
background: #3F0;
}
.menu ul li ul li a:hover {
color: #000;
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论