如何做成表单是透明的但是有白色的描边呢，求助
来源：4-3 项目作业
心脏_是有多脏
2019-08-20 15:12:40
<!DOCTYPE html>
<html>
<head>
<title>作业</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css\index.css">
<script type="text/javascript" href="js\js1.js"></script>
</head>
<body>
<div class="header">
<div class="logo">
<img src="image\logo.png">
</div>
<div class="title">
<ul>
<li>HOME</li>
<li>ABOUT</li>
<li>GOLLERY</li>
<li>FACULY</li>
<li>EYENTS</li>
<li>CONTACT</li>
</ul></div>
</div>
<div class="content">
<div class="banner">
<img class="banner-img"src="image\banner3.jpg">
</div>
<div class="user">
<form action="" merhod="post">
<input type="text" class="message" name="" id =""value="you Name">
<input type="text" class="message" name="" id =""value="you Phone">
<input type="text" class="message" name="" id =""value="you Email">
<textarea type="text"class="text" name="" id ="" value="write Your Comment Here"></textarea>
<input type="submit"class="submit" name="" id =""value="SEND MESSAGE">
</form>
</div>
</div>
<div class="fooder">
</div>
</body>
</html>
*{
margin: 0PX;
padding: 0px;
}
.header{
width: 100% ;
height: 48px;
background-color:#07cbc9;
margin:auto;
}
.header .logo{
float: left;
position:relative;
width: 300px;
height: 48px;
left: 60px;
}
.header .title{
float:right;
}
.header .title ul li{
font-family:Microsoft YaHei UI;
list-style-type:none;
float:left;
margin-top: 15px;
margin-right: 60px;
color: #ffffff;
overflow:hidden;
}
.content .banner .banner-img{
width:100%;
height:800px;
float: left;
}
.content {
width:100%;
height: 800px;
}
.content .user{
/*float:left;*/
width: 300px;
position: absolute;
text-align:center;
left: 50%;
top:200px;
}
.content .user form .message{
height:30px;
z-index:
}
.content .user form .message,.text,.submit{
margin-top:30px;
width: 300px;
opacity:0.5;
box-sizing:1px #ffffff;
}
.content .user form textarea{
height: 300px
}
.content .user form .submit{
width: 100px;
height:50px;
}
1回答
-
好帮手慕小尤
2019-08-20
同学你好，设置背景色。代码如下：
.content .user form .message,.text,.submit{ color: #ffffff; width: 97%; margin-top:30px; background-color: transparent; border: 2px solid #fcfff9; outline: none; }祝学习愉快！
0
相似问题