<!DOCTYPE html>
嵩明网站建设公司创新互联建站,嵩明网站设计制作,有大型网站制作公司丰富经验。已为嵩明上1000+提供企业网站建设服务。企业网站搭建\外贸网站建设要多少钱,请找那个售后服务好的嵩明做网站的公司定做!
<html>
<head>
<meta charset="utf-8">
<title>布局</title>
<style>
#diban{
width:1000px;
height:1000px;
background-p_w_picpath:url(./body.png); 插入背景图片
background-repeat:repeat-x; 背景图像在横向上平铺
margin:0 auto;
}
#yonghudenglu{
width:150px;
height:70px;
margin:0 auto;
line-height:70px;
}
#xingming{
width:230px;
height:50px;
margin:0 auto;
margin-bottom:20px;
}
#xingkuang{
width:230px;
height:50px;
border-color:red; 边框颜色
border-top-style:dotted; 上边框形状
border-top-width:thick;
border-right-width:thick; 边框粗细
border-bottom-width:thick;
border-left-width:thick;
font-size:30px; 字体大小
border-top-left-radius:10px;
border-top-right-radius:10px; 改变的圆角边框
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}
#youxiang{
width:200px;
height:30px;
margin:0 auto;
background:red;
}
#email{
width:200px;
height:30px;
}
#mima{
width:200px;
height:30px;
margin:0 auto;
}
#password{
width:200px;
height:30px;
}
#tijiao{
width:80px;
height:40px;
margin:0 auto;
}
#submit{
width:80px;
height:40px;
}
</style>
</head>
<body> 每个表单外都套一个div好进行布局
<div id=diban>
<div id=yonghudenglu>
<h2>用户登录</h2>
</div>
<div id=xingming>
<form action="./index.php" method="post" >
<input id=xingkuang type="name" name="name" value="" placeholder="请输入姓名">
</form>
</div>
<br>
<div id=youxiang>
<form action="./index.php" method="post" >
<input id=email type="email" name="email" value="" placeholder="请输入邮箱">
</form>
</div>
<br><br>
<div id=mima>
<form action="./index.php" method="post" >
<input id=password type="password" name="email" value="" placeholder="请输入密码">
</form>
</div>
<br><br>
<div id=tijiao>
<form action="./index.php" method="post" >
<input id=submit type="submit" name="submit" value="提交" >
</form>
</div>
</div>
</body>
</html>
网站栏目:表单布局
URL分享:https://www.cdcxhl.com/article48/gpcjhp.html
成都网站建设公司_创新互联,为您提供软件开发、网站收录、商城网站、服务器托管、网页设计公司、ChatGPT
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联