表单布局
<!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。内容未经允许不得转载，或转载时需注明来源： 创新互联
- 北京网站推广有哪些核心方法？ 2020-12-18
- 成都企业开发语音聊天app值得吗？ 2022-07-29
- 知名站点SEO注意事项 2023-01-15
- 吸引用户设计的网站你了解的够多吗？ 2021-05-02
- 建网站需要策划吗 2023-02-17
- 制作优质网站的秘招建站人员必知 2023-02-08
- 网站设计公司如何让网站盈利？ 2023-01-09
- 通过seo优化技术打造高转化的网站 2023-09-11
- 优化排名中关键词密度依然很重要，关键词密度依然对排名产生重要作用 2022-06-20
- 成都网站优化效果最大化的办法 2019-12-28
- 网站建设一下企业建站后有哪些优势？优势在哪？？创新互联网站 2023-12-04
- 北京网站建设后期要落实的工作 2023-08-07