css_div实现边框效果

来源：互联网发布：科比0506赛季详细数据编辑：程序博客网时间：2024/05/22 07:04

方法一：加背景图

<divclass="header_top_right_two1" style=" margin:10px; padding:0;width:700px; height:29px; float:left; background:url(img-145/header_top.png);background-repeat:no-repeat; background-position:right;text-align:right;border:1px solid #9EEDED;">

<inputtype="text" value="请输入您要搜索的内容" id="search_txt" style="border:none;width:240px; height:26px; text-indent:5px;;float:left;line-height:29px;"/>

<selectid="Header_SearchMode" style="width:110px;height:29px;float:left;border-left:1px solid #CCC;border-right:1px solid #CCC;border-top:0px;border-bottom:0px;">

<optionvalue="1">院校名称</option>

<optionvalue="2">专业名称</option>

<optionvalue="3">城市</option>

<optionvalue="4">州/区域</option></select>

<imgsrc="img-4456arch.png" alt="search"style="margin-right:5px;float:right;"/>

</div>

方法二不加背景

<divclass="header_top_right_two1" style=" margin:10px; padding:0;width:390px; height:29px; float:left; text-align:right;border:1px solid #9EEDED; border-radius:20px;">

<inputtype="text" value="请输入您要搜索的内容" id="search_txt" style="border:none;width:240px; height:26px;text-indent:5px;;float:left;line-height:29px;border-radius:20px;"/>

<selectid="Header_SearchMode" style="width:110px; height:29px;float:left;border-left:1pxsolid #CCC;border-right:1px solid #CCC;border-top:0px;border-bottom:0px;">

<optionvalue="1">院校名称</option>

<optionvalue="2">专业名称</option>

<optionvalue="3">城市</option>

<optionvalue="4">州/区域</option></select>

<imgsrc="img-4456arch.png" alt="search"style="margin-right:5px;float:left;width:29px;height:29px;border:none;"/>

</div>

0 0