input边框的阴影怎么写？
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
*{
padding: 0px;
margin: 0px;
}
.container{
position:relative;
height:350px;
width:500px;
top:100px;
/* border: 1.5px solid blue; */
margin:0px auto;
}
.container #container1{
position:relative;
height:30px;
width:75px;
/* border: 1px solid red; */
margin:0px auto;
top:10px;
/* font-style:italic; */
font-weight:bold;
font-family:monospace;
font-size:18px;
}
.container #form-horizontal{
/* position:relative; */
height:200px;
width:260px;
/* border: 1px solid green; */
margin:0px auto;
}
/* .container #form-horizontal ul li{
position:relative;
margin:0px auto;
list-style:none;
float:left;
} */
.container #form-horizontal{
position:relative;
top:5px;
margin:0px auto;
list-style:none;
}
.container #form-horizontal input{
/* box-shadow:0px 0px 0px 0px rgba(0,0,0,0); */
}
.container #form-horizontal #input1{
position:relative;
left:2px;
}
.container .button1{
position:relative;
height:35px;
width:55px;
top:5px;
/* border: 1px solid red; */
margin:0px auto;
}
.container .button1 .btn{
width:55px;
}
</style>
</head>
<body>
<div class="container">
<div id="container1">课程添加</div>
<form id="form-horizontal" class="form-horizontal" action="/book_management/AddBookServlet" method="post">
<!-- <ul>
<li><div>课程名 </div></li>
<li><input type="text" value="" name="" id="" class=""></li>
<li><div>所属方向</div></li>
<li><input type="text" value="" name="" id="" class=""></li>
<li><div>课程描述</div></li>
<li><input type="text" value="" name="" id="" class=""></li>
</ul> -->
<label>课程名 </label>
<input type="text" value="" name="" id="input1" class=""><br>
<label>所属方向</label>
<input type="text" value="" name="" id="" class=""><br>
<label>课程描述</label>
<input type="text" value="" name="" id="" class=""><br>
<div class="button button1"><button type="submit" class="btn btn-primary">添加</button></div>
</form>
</div>
</body>
</html>
这里为什么出现一个错误？但是不影响运行。
input边框的阴影怎么写？
添加按钮的样式怎么能写成题目里要求的那样？
课程名、所属方向、课程描述 后面的文本框怎么对齐？
还有字体怎么设置成题目里要求的那样？
11
收起
正在回答
1回答
同学你好，
1、复制同学代码，并没有出现错误。
建议同学查看一下是否保存了文件
2、这里并没有给input边框设置阴影，若同学想设置可以参考如下代码：
input {
border:1px solid balck;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow:inset 0px 1px 1px grey(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6);
}3、给按钮设置如下样式即可：
style="border-radius: 7px;border-color: blue"
3、在同学的代码实现中，已经对齐了哦
4、字体并没有硬性要求，这里同学可以给“课程添加”加粗即可。
祝学习愉快~
相似问题
怎么设置textarea的边框和input的边框效果一样
15
0
2
圆角，阴影，边框
0
0
3
请问老师到底是什么机制
44
0
12
关于阴影清除的问题
17
0
3
麻烦老师检查一下当地玩乐部分的阴影效果如何改正
10
0
4
登录后可查看更多问答，登录/注册
3. Java 数据库开发与实战应用
- 参与学习 人
- 提交作业 357 份
- 解答问题 8016 个
本阶段将带你学习MySQL数据库，JDBC接口，MyBatis框架等，带你掌握的数据的存放和管理。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星