样式制作 圆角效果的图片
这个是完全使用CSS样式加上颜色的调整实现的圆角效果
可以下面的代码拷贝出来就是如图的效果 ：
<!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=gb2312" />
<title>无标题文档</title>
<style type="text/css">
body{background:#ECFBFF}
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:1.0em; color:#FFFFFF; background:#77A3DC; line-height::25px; margin:0px;padding:5px;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:5px;}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#77A3DC; border-left:1px solid #0F59B3; border-right:1px solid #0F59B3;}
.xb1 {margin:0 5px; background:#0F59B3;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; background:#ffffff; border:0 solid #0F59B3; border-width:0 1px;}
</style>
</head>
<body>
<div>
<div style="float:left; width:200px; height:500px;">
<div id="xsnazzy" >
<b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
<div class="xboxcontent" style="height:600px;">
<h1 style="text-align:center">快捷导航</h1>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
<ul id='Links' style="margin-top:0px; padding-top:0px; margin-bottom:0px;">
<!-- 工作台-->
<li id="work7"><a href="Addresslist/AddressBook.aspx" target="main_right" class="tdbgleft" ><span>·外贸主管部门通讯录</span></a></li>
<li id="work2"><a href="DefaultMain.aspx" id="workyj" onclick="toggle('workyj')" target="main_right" class="tdbg" ><span>＋信息处理</span></a></li>
<li id="work4" style="display:none"><a href="AffairsMessage/PolicyReceiveAffairsNo.aspx" target="main_right" class="tdbgleft" ><span> ．待阅部门交换信息</span></a></li>
<li id="work5" style="display:none"><a href="Question/BranchReverNo.aspx" target="main_right" class="tdbg" ><span> ．未回复企业问题</span></a></li>
<li id="work3"><a href="shiwu/AffairPrompt.aspx" target="main_right" class="tdbgleft" ><span>·日程处理</span></a></li>
<li id="bg_gs"><a href="GouShui_ChaXunFuWu_GS/GouShui_SelectBaoGuanDan.aspx" target="main_right" class="tdbgleft" ><span>·报关单查询</span></a></li>
<li id="hx_gs"><a href="GouShui_ChaXunFuWu_GS/GouShui_SelectHeXiaoDan.aspx" target="main_right" class="tdbgleft" ><span>·核销单查询</span></a></li>
<li id="zz_gs"><a href="GouShui_ChaXunFuWu_GS/GouShui_SelectZhenZhiShuiPiao.aspx" target="main_right" class="tdbgleft" ><span>·增值税票查询</span></a></li>
<li id="info5" style="display:none"><a href="AffairsMessage/PolicyReceiveAffairsNo.aspx" target="main_right" class="tdbgleft" ><span> ．未读部门交换信息</span></a></li>
<li id="info4" style="display:none"><a href="AffairsMessage/PolicyReceiveAffairsYes.aspx" target="main_right" class="tdbgleft" ><span> ．已读部门交换信息</span></a></li>
<li id="ciq4" style="display:none"><a href="CIQDDateManage/ExportCountry.aspx" target="main_right" class="tdbg" ><span> ．出口排名前十的国家</span></a></li>
<li id="ciq5" style="display:none"><a href="CIQDDateManage/ExportComp.aspx" target="main_right" class="tdbgleft" ><span> ．出口排名前十的企业</span></a></li>
<li id="ciq6" style="display:none"><a href="CIQDDateManage/ImportCountry.aspx" target="main_right" class="tdbg" ><span> ．进口排名前十的国家</span></a></li>
<li id="ciq7" style="display:none"><a href="CIQDDateManage/ImportComp.aspx" target="main_right" class="tdbgleft" ><span> ．进口排名前十的企业</span></a></li>
<li id="ciq8" style="display:none"><a href="CIQDDateManage/MostlyMExport.aspx" target="main_right" class="tdbg" ><span> ．企业出口主要商品</span></a></li>
<li id="ciq9" style="display:none"><a href="CIQDDateManage/MostlyMImport.aspx" target="main_right" class="tdbgleft" ><span> ．企业进口主要商品</span></a></li>
</ul>
<p> </p>
</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
</div>
</div>
<div style="margin-left:200px; height:300px;"><!-- zhongjian -->
<div id="xsnazzy" style="height:600px;">
<b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
<div class="xboxcontent" style="height:600px;">
<div id="xsnazzy">
<b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
<div class="xboxcontent">
<h1>未处理的企业反馈或通知信息</h1>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
<pre>
标 题 发送人 发送时间
<hr/>
可以进行行业和部门的分类，比如药.. 成都市商务局外贸处 2008-11-12
</pre>
<p> </p>
</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
</div>
<div id="xsnazzy">
<b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
<div class="xboxcontent">
<h1>未处理的部门信息</h1>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
<hr />
<p> </p>
</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
</div>
<div id="xsnazzy">
<b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
<div class="xboxcontent">
<h1>未回复的企业问题</h1>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
<p></p>
<p> </p>
</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
</div>
<p> </p>
</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
</div>
</div>
</div>
</body>
</html>
发布人信息
- 联系人：wumingwei 查看该用户发布的所有信息
- 电话：
- 邮箱：
- 地址：
