急求html5网页及源代码,不要特别难,下面是作业,用记事本帮我写下源...
发布网友
发布时间:2022-05-02 21:23
我来回答
共2个回答
热心网友
时间:2022-04-20 00:07
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.divHead
{
background-color: #202020;
height: 40px;
width: 100%;
position: absolute;
overflow: hidden;
}
.ul {
color: white;
list-style: none;
height: 100%;
margin-left: 170px;
width: 40%;
float: left;
}
.ul1 {
color: white;
list-style: none;
height: 100%;
margin-left: 200px;
width: 20%;
float: left;
}
.ul>li {
float: left;
padding-left: 10px;
padding-right: 10px;
display: block;
height: 100%;
margin-top: -16px;
padding-top: 10px;
}
.ul>li:hover {
background-color: black;
}
.ul1>li {
float: left;
padding-left: 10px;
padding-right: 10px;
display: block;
height: 100%;
margin-top: -16px;
padding-top: 10px;
}
.ul>li>a
{
color: white;
text-decoration: none;
}
.ul1>li>a
{
color: white;
text-decoration: none;
}
.ul1>li:hover {
background-color: black;
}
</style>
</head>
<body>
<form id="form1" runat="server" style="overflow: hidden">
<div id="divHead" class="divHead">
<ul class="ul">
<li>
<a href="#">Note</a>
</li>
<li>
<a href="#">首页</a>
</li>
<li>
<a href="#">笔记</a>
</li>
<li>
<a href="#">网站推荐</a>
</li>
</ul>
<ul class="ul1">
<li>
<a href="#">登录</a>
</li>
<li>
<a href="#">退出</a>
</li>
</ul>
</div>
<div id="divMain" style="height: 550px; width: 100%">
<div style="height: 60%;background-color: #B89460;width: 100%">
<div style="width: 10%;float: left">
</div>
<div style="width: 80%;float: left">
</div>
<div style="width: 10%;float: left">
</div>
</div>
<div style="height: 40%;background-color: white;width: 100%">
<div style="width: 80%;height: 100%;margin-left: 10%">
<div style="width: 33%;height: 100%;float: left;text-align: center">
<p style="font-size: 30px;font-weight: bold;">
前端技术<br/><a style="font-size: 17px;font-weight: normal">
hahahahhahhhahhah
</a>
</p>
<input type="button" value="查看详情>>" />
</div>
<div style="width: 33%;height: 100%;float: left;text-align: center">
<p style="font-size: 30px;font-weight: bold;">
前端技术<br/><a style="font-size: 17px;font-weight: normal">
hahahahhahhhahhah
</a>
</p>
<input type="button" value="查看详情>>" />
</div>
<div style="width: 33%;height: 100%;float: left;text-align: center">
<p style="font-size: 30px;font-weight: bold;">
前端技术<br/><a style="font-size: 17px;font-weight: normal">
hahahahhahhhahhah
</a>
</p>
<input type="button" value="查看详情>>" />
</div>
</div>
</div>
</div>
<div id="divFoot" style="background-color: #202020; height: 30px; width: 100%; text-align: center;
padding-top: 10px; color: white; font-size: 14px;">
@版权所有:大华明智软件
</div>
</form>
</body>
</html>
热心网友
时间:2022-04-20 01:25
有偿还可以。谁的时间也不是白来的。