这个蓝色的线怎么弄也不好使
<!DOCTYPE html>
<html>
<head>
<title>招生</title>
<link rel="stylesheet" type="text/css" href="招生.css">
<script type="text/javascript" src="招生.js"></script>
</head>
<body>
<div class="dingbu">
<div class="logo">
<img src="images/logo.png">
</div>
<div class="xuanxiang">
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">ABOUT</a></li>
<li><a href="#">GALLERY</a></li>
<li><a href="#">FACULTY</a></li>
<li><a href="#">EVENTS</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</div>
</div>
<div class="banner">
<div class="logo2">
<img src="images/banner3.jpg">
</div>
<div class="test">
<form>
<input type="text" name="name" value="your name" ><br>
<input type="text" name="phone" value="your phone" ><br>
<input type="text" name="email" value="your email" ><br>
<input type="text" name="measage" id="text-1" value="Writer your Comment Here" ><br>
<input type="submit" id="btn" value="SEND MESSAGE">
</form>
</div>
</div>
<div class="about">
<div class="biaoti">
<div class="ab"><h1>ABOUT</h1></div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting<br>
industry. Lorem Ipsum has been the industry's standard dummy<br>
text ever since the 1500s.
</p>
<div class="logobb3">
<img src="images/bb3.jpg">
</div>
<div class="h2"><h2>A WORD<br>ABOUT US</h2></div>
<div class="wenzi1">
<p>Praesent dignissim viverra est, sed<br>
bibendum ligula congue non. Sed ac nisl<br>
et felis gravida commodo? Suspendisse<br>
eget ullamcorper ipsum. Suspendisse<br>
diam amet.
</p>
<input type="button" value="EXPLORE" name="" id="btnn">
</div>
<div class="stu">
<h2>70000</h2>
<div class="st"><p>Students</p></div>
</div>
</div>
</div>
</body>
</html>
*{
margin:0px;
padding:0px;
}
.dingbu{
background-color:#07cbc9;
height:50px;
width:100%;
}
.logo{
float:left;
margin-left:35px;
}
ul li :hover{
background-color:black;
}
.xuanxiang{
float:right;
position:relative;
}
.xuanxiang ul li{
float:left;
list-style:none;
margin-right:25px;
line-height:50px;
}
a{
text-decoration:none;
color:white;
display:block;
}
.banner{
height:800px;
}
.banner .logo2 img {
width:100%;
float:left;
position:relative;
}
.test form{
float:left;
position:absolute;
margin-top:200px;
margin-left:40%;
}
.test form input{
margin-bottom:20px;
background-color:transparent;
border:1px solid white;
width:500px;
height:40px;
color:white;
padding-left:10px;
font-family:Microsoft YaHei UI;
}
#text-1{
height:100px;
}
#btn{
width:200px;
text-align:center;
margin-left:160px;
}
.test :hover{
border-color:#07cbc9;
}
.test form input[type="submit"]:hover{
border:none;
background-color:#07cbc9;
}
.about{
width:100%;
position:relative;
}
.about .biaoti{
text-align:center;
}
.about .biaoti .ab {
border-bottom:1px solid #07cbc9;
width:60px;
height:60px;
text-align:center;
padding-bottom:10px;
}
.about .biaoti .logobb3{
margin-top:40px;
}
.h2{
float:left;
margin-top:-445px;
margin-left:250px;
position:relative;
}
.about .biaoti .wenzi1{
width:400px;
height:200px;
float:left;
position:absolute;
border:1px solid black;
margin-top:-370px;
margin-left:250px;
text-align:left;
padding-top:20px;
padding-left:20px;
line-height:25px;
}
#btnn{
margin-top:20px;
width:100px;
height:40px;
background-color:black;
color:white;
}
#btnn:hover{
background-color:rgba(255, 255, 255, 0.4);
color:black;
}
.about .biaoti .stu{
width:200px;
height:100px;
float:right;
margin-top:-440px;
margin-right:200px;
border:1px solid #07cbc9;
}
.st{
border-top:1px solid #07cbc9;
width:20px;
}
正在回答
同学你好,这里同学可以定义一个<lable>标签,并设置class选择器,如下:
对其设置颜色,宽高等,如下:
如果我的回答解决了你的疑惑,请采纳,祝学习愉快~
- 参与学习 人
- 提交作业 676 份
- 解答问题 9666 个
本阶段将从前端网页搭建入手,到Java Web基础,前后端结合助你完成Java Web小白的蜕变!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星