这个蓝色的线怎么弄也不好使

这个蓝色的线怎么弄也不好使

http://img1.sycdn.imooc.com//climg/5f378d6309fe011304020213.jpg

<!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;

}


正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,这里同学可以定义一个<lable>标签,并设置class选择器,如下:

http://img1.sycdn.imooc.com//climg/5f379cce09cb750e03800195.jpg

对其设置颜色,宽高等,如下:

http://img1.sycdn.imooc.com//climg/5f379cf1094dc14303990175.jpghttp://img1.sycdn.imooc.com//climg/5f379d0a09518cd303720221.jpg

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师