html样式问题?

如何构成这种结构,如图:... 如何构成这种结构,如图: 展开
 我来答
昂子帆6I
推荐于2016-06-27 · TA获得超过6065个赞
知道大有可为答主
回答量:7904
采纳率:55%
帮助的人:1268万
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>查询</title>
<style type="text/css">
*{
    margin:0;
    padding:0;
    }
.cx{
    width:340px;
    height:40px;
    border:1px solid #e2e2e2;
    margin:0 auto;
    }
.cx p{
    width:40px;
    height:40px;
    float:left;
    border-right:1px solid #e2e2e2;
    }
.cx input{
    width:244px;
    height:40px;
    float:left;
    border:none;
    padding-left:10px;
    font-size:22px;
    line-height:40px;
    border-right:1px solid #e2e2e2;
    }
.cx .btn{
    width:36px;
    height:36px;
    background:#da251a;
    color:#fff;
    line-height:36px;
    text-align:center;
    float:right;
    margin-top:2px;
    margin-right:4px;
    }
</style>
</head>

<body>
<div class="cx">
  <p>序号查询</p>
  <input type="text" name="" value="请输入查询序号" />
  <div class="btn">查询</div>
</div>
</body>
</html>
随便写的,你看下是不是你想要的。
1053680987
2013-07-27 · TA获得超过897个赞
知道小有建树答主
回答量:1959
采纳率:0%
帮助的人:1321万
展开全部
10分太少了啊,没动力写
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式