实例代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style>
div{
width:500px;
}
input[type=text]{
border:none;
border-bottom:1px solid red;
border-radius:4px;
padding:20px;
border-width:2px;
width:100%;
box-sizing:border-box;
}
</style>
</head>
<body>
<div>
<p>带下边框的文本字段。</p>
<form accept="" name="input" target="get">
<table for="fname">Frist Name</table>
<input id="fname" name="First Name" type="text"></input>
<table for="lname">Last Name</table>
<input id="lname" name="last Name" type="text"></input>
</form>
</div>
</body>
</html>
运行效果：
评论