搜索框css样式 20
如图，求代码（最好都使用有意义的标签，不要弄一堆div）。紫色为浏览器画布边界；搜索框高度为35px；中间两根分割线的宽度为1px；左边框和右边框都没有！...
如图，求代码（最好都使用有意义的标签，不要弄一堆div）。
紫色为浏览器画布边界；搜索框高度为35px；中间两根分割线的宽度为1px；
左边框和右边框都没有！ 展开
紫色为浏览器画布边界；搜索框高度为35px；中间两根分割线的宽度为1px；
左边框和右边框都没有！ 展开
- 你的回答被采纳后将获得：
- 系统奖励15（财富值+成长值）+难题奖励10（财富值+成长值）+提问者悬赏20（财富值+成长值）
4个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery.js"></script>
<style>
.{ padding:0; margin:0; list-style:none;}
.htmlBox{ width:100%; min-width:500px; height:500px; border:1px solid #A349A4; border-radius:5px;}
.sskBox{ width:100%; height:35px; margin-top:150px; border:1px solid #000; border-left:0; border-right:0;}
.zc{ width:100px; height:35px; float:left;}
.zj{ width:250px; height:35px; float:left; border-left:1px solid #000; border-right:1px solid #000;}
.yc{ height:35px; float:right;}
</style>
</head>
<body>
<div class="htmlBox">
<div class="sskBox">
<div class="zc">左边100</div>
<div class="zj">中间250</div>
<div class="yc">右边自适应</div>
</div>
</div>
</body>
<script>
tmntH();//加载的时候执行一次
$(window).resize(function() {tmntH();});//浏览器窗口变化时执行
function tmntH()
{
var ycw=$(".sskBox").width()-352+'px';//yc的宽度等于sskBox宽度-350-2(边框线)
//alert(div3);
$(".yc").css("width",ycw);
}
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!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" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title></title>
<style type="text/css">
*{margin:0;padding:0}
table{border-spacing:0;border:0;border-collapse:collapse;width:500px;margin:0 auto}
th, td {border:0;}
table {border:1px solid #A349A4;}
th {height:150px;}
.a1 {height:50px;width:100px;border:1px solid #000;border-bottom:1px solid #f00}
.a2 {height:50px;width:250px;border:1px solid #000;border-bottom:1px solid #f00}
.a3 {height:50px;width: auto;border:1px solid #000;border-bottom:1px solid #f00}
.a4 {height:200px;}
</style>
</head>
<body>
<table>
<tr>
<th colspan="3"></th>
</tr>
<tr>
<td class="a1"></td>
<td class="a2"></td>
<td class="a3"></td>
</tr>
<tr>
<td colspan="3" class="a4"></td>
</tr>
</table>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title></title>
<style type="text/css">
*{margin:0;padding:0}
table{border-spacing:0;border:0;border-collapse:collapse;width:500px;margin:0 auto}
th, td {border:0;}
table {border:1px solid #A349A4;}
th {height:150px;}
.a1 {height:50px;width:100px;border:1px solid #000;border-bottom:1px solid #f00}
.a2 {height:50px;width:250px;border:1px solid #000;border-bottom:1px solid #f00}
.a3 {height:50px;width: auto;border:1px solid #000;border-bottom:1px solid #f00}
.a4 {height:200px;}
</style>
</head>
<body>
<table>
<tr>
<th colspan="3"></th>
</tr>
<tr>
<td class="a1"></td>
<td class="a2"></td>
<td class="a3"></td>
</tr>
<tr>
<td colspan="3" class="a4"></td>
</tr>
</table>
</body>
</html>
追问
能够不使用表格布局吗？而且，我说的是搜索框，你这个表格提交到服务器还要用js，太不方便了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不用div用什么，其他标签来写这个没什么意义
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
