<head>
<meta charset="UTF-8">
<title>欢迎来到小田的快乐星球</title>
<style type="text/css">
.menu {
width: 694px;
height: 50px;
/*设置元素水平居中*/
margin: 50px auto 0;
/*去除内联元素间隙*/
font-size: 0;
/*去掉ul自带的.格式*/
list-style: none;
padding: 0;
}
.menu li{
/*将元素转换为行内块元素*/
display:inline-block;
width:98px;
height:48px;
border:1px solid gold;/*实心框*/
font-size:16px;
/*将边框合并*/
margin-right:-1px;
text-align:center;
line-height:48px;
}
.menu a{
color:pink;
/*去掉a元素的下划线*/
text-decoration: none;
}
/*鼠标位于元素位置时改变元素样式*/
.menu li:hover{
background-color: orange;
}
.menu a:hover{
color:#fff;
}
h2{align-content: space-between}
</style>
</head>
<body background="blue.jpg">
<marquee>
<font face="宋体" size&#
HTML个人主页
最新推荐文章于 2024-03-12 13:09:26 发布