当前位置：网站首页 > 培训教程 > Html5 > 正文

CSS表单form布局经典一例_湛江HTML5教程

作者：admin发布时间：2020-11-27分类：Html5浏览：2415

导读：CSS表单form布局经典一例<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w...

CSS表单form布局经典一例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>52css.com</title>
<style type="text/css">
label{
float: left;
width: 80px;
}
form{margin:0px}
input{
width: 180px;
border:1px solid #808080
}

textarea{
width: 250px;
height: 150px;
}

#sbutton{
margin-left: 80px;
margin-top: 5px;
width:80px;
}

br{
clear: left;
}

</style>
</head>
<body>
<form action="" method="post">

</form>
</body>
</html>

上一篇：A Link 链接的rel、target属性详解_湛江HTML5
下一篇：CSS之文本两端对齐_湛江HTML5教程

CSS表单form布局经典一例_湛江HTML5教程

相关推荐