求大佬来波注释解说

liang1320 2020-06-10 08:20:42

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>实验5-1</title>
<style>
*{
padding:0;
margin:0;
}
header{
height:80px;
background-image:
}

nav{
height:50px;
width:850px;
padding-left: 150px;
margin:0 auto;
background-color:lightblue;
opacity: 0.8;
border-radius: 30px;
/*box-shadow:h-shadow v-shadow blur spread color /inset
水平方向 竖直方向 模糊 扩展 颜色 内阴影
正为右 正为下 */
box-shadow: 0px 10px 10px 0px black;
}
a:hover{
background:url("点击时 文本背景变化.png") no-repeat;
text-decoration:underline;
}

li a{
display:block;
width:100px;
height:50px;
padding:15px 15px 0px 0px;
float: left;
text-decoration: none;
color: black;
}
li{
text-align:center;
list-style-type:none;
}
td:first-child{
text-align: right;
padding-left: 50px;
}
#first{
width:1000px;
height: auto;
margin: 0 auto;
}
#sceond{
width: 1000px;
height: auto;
margin: 0 auto;
}
body{
background-image: url("背景.jpg");
background-size: 100% 100%;
background-attachment: fixed;
}
</style>
</head>

<body>
<header>
<div id="first">
<img src="logo.png" alt="" style="opacity: 0.5">
</div>
</header>
<nav>
<ul>
<li><a href="会员注册.html">首页</a>
<a href="../风景欣赏/风景欣赏.html">风景欣赏</a>
<a href="https://www.ctrip.com/?allianceid=4901&sid=123474&ouid=index">酒店预定</a>
<a href="https://trip.jd.com/?cu=true&utm_source=sogou-search&utm_medium=cpc&utm_campaign=t_262767352_sogousearch&utm_term=42613333638_0_807b0a31c411451494d7b84806725a21">机票预定</a>
<a href="#">时间</a>
<a href="../会员点评/会员点评.html">会员点评</a></li>
</ul>
</nav>
<div id="sceond">
<form action="#">
<img src="banner.png" alt="" style="opacity: 0.5">
<div style="position: relative;">
<img src="隔开.jpg" alt="" style="opacity: 0.5">
<div style="position: absolute; top:5px;left:40px; ">会员注册</div>
</div>
<table cellspacing="20px" style="padding:30px 0px 30px 220px; color: #9eD22C;">
<tr>
<td>昵称:</td>
<td><input type="text" required="required" placeholder=" 请输入昵称" title="两到五个字"></td>
</tr>
<tr>
<td>邮箱地址:</td>
<td><input type="email" required="required" title="正确的邮箱"></td>
</tr>
<tr>
<td>手机:</td>
<td><input type="tel" required="required" title="大陆手机"></td>
</tr>
<tr>
<td>设置密码:</td>
<td><input type="password" required="required" title="两个密码一致"></td>
</tr>
<tr>
<td>确认密码:</td>
<td><input type="password" required="required" title="两个密码一致"></td>
</tr>
</table>
<div style="position: relative;">
<img src="隔开.jpg" alt="" style="opacity: 0.5">
<div style="position: absolute; top:5px;;left:40px;">旅游信息</div>
</div>
<table cellspacing="20px" style="padding:30px 0px 30px 220px; color: #9eD22C;">
<tr>
<td>近期意向:</td>
<td><select style="width: 200px;height: 25px; color: #9eD22C" title="其他意向请备注">
<option>-请选择-</option>
<option>大理</option>
<option>三亚</option>
<option>上海</option>
<option>成都</option>
</select>
</td>
</tr>
<tr>
<td>人数:</td>
<td ><input type="number" min="1" max="10" style="width: 200px;height: 25px;"placeholder="-请选择-">
</td>
</tr>
<tr>
<td>备注:</td>
<td>
<textarea style="width: 300px;height: 100px;" title="之后会为你提供建议">请填写备注内容
</textarea>
</td>
</tr>
<tr>
<td></td>
<td>
<a href="Untitled-1.html" style="width:300px;height:20px;border:solid; color: black; border-radius: 50px;"> 完成注册 </a>
</td>
</tr>
</table>
</form>
</div>
<div style="background:grey;text-align: center;">
Copyright @ 2006-2016 QIANNIANZHILIANcom,All rights reserved.<br/>
2001-2018,版权所有 旅游网 85CP备13385453
</div>

</body>
</html>
...全文
190 2 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
依依凰荷 2020-06-18
  • 打赏
  • 举报
回复
就只有h5和c3,代码跑起来,然后F12在控制台里查看一下,鼠标依次移动,各个板块的效果就出来了
usecf 2020-06-11
  • 打赏
  • 举报
回复
你要什么注解 代码在浏览器下运行后,你按F12 有对应的工具就能看到对应视图的样式

61,129

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧