<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
<channel>
<title><![CDATA[向东博客 专注WEB应用 构架之美 --- 构架之美，在于尽态极妍 | 应用之美，在于药到病除]]></title> 
<link>https://jackxiang.com/index.php</link> 
<description><![CDATA[赢在IT，Playin' with IT,Focus on Killer Application,Marketing Meets Technology.]]></description> 
<language>zh-cn</language> 
<copyright><![CDATA[向东博客 专注WEB应用 构架之美 --- 构架之美，在于尽态极妍 | 应用之美，在于药到病除]]></copyright>
<item>
<link>https://jackxiang.com/post//</link>
<title><![CDATA[[圆角窗口]圆角窗口大全 (无图片实现)]]></title> 
<author>jack &lt;xdy108@126.com&gt;</author>
<category><![CDATA[WEB2.0]]></category>
<pubDate>Wed, 12 Sep 2007 05:34:44 +0000</pubDate> 
<guid>https://jackxiang.com/post//</guid> 
<description>
<![CDATA[ 
	<html><br/><head><br/><title>样式1-- http://www.livebaby.cn</title><br/><STYLE type=text/css><br/>/* Pillar type */<br/>.pillar &#123;<br/> &nbsp;background:transparent; <br/> &nbsp;width:40%;<br/> &nbsp;&#125;<br/>.pillar h1, .pillar p &#123;<br/> &nbsp;margin:0 10px;<br/> &nbsp;&#125;<br/>.pillar h1 &#123;<br/> &nbsp;font-size:2em; <br/> &nbsp;color:#fff;<br/> &nbsp;&#125;<br/>.pillar p &#123;<br/> &nbsp;padding-bottom:0.5em;<br/> &nbsp;&#125;<br/>.pillar .b1, .pillar .b2, .pillar .b3, .pillar .b4 &#123;<br/> &nbsp;display:block; <br/> &nbsp;overflow:hidden;<br/> &nbsp;font-size:1px;<br/> &nbsp;&#125;<br/>.pillar .b1, .pillar .b2, .pillar .b4 &#123;<br/> &nbsp;height:1px;<br/> &nbsp;&#125;<br/>.pillar .b2, .pillar .b3 &#123;<br/> &nbsp;background:#d66; <br/> &nbsp;border-left:1px solid #fff; <br/> &nbsp;border-right:1px solid #fff;<br/> &nbsp;&#125;<br/>.pillar .b4 &#123;<br/> &nbsp;background:#d66; <br/> &nbsp;border-left:4px solid #fff; <br/> &nbsp;border-right:4px solid #fff;<br/> &nbsp;&#125;<br/>.pillar .b1 &#123;<br/> &nbsp;margin:0 2px; <br/> &nbsp;background:#fff;<br/> &nbsp;&#125;<br/>.pillar .b2 &#123;<br/> &nbsp;margin:0 1px; <br/> &nbsp;border-width:0 1px;<br/> &nbsp;&#125;<br/>.pillar .b3 &#123;<br/> &nbsp;height:2px; <br/> &nbsp;margin:0;<br/> &nbsp;&#125;<br/>.pillar .b4 &#123;<br/> &nbsp;margin:0 2px;<br/> &nbsp;&#125;<br/>.pillar .boxcontent &#123;<br/> &nbsp;display:block; <br/> &nbsp;background:#d66; <br/> &nbsp;border-left:1px solid #fff; <br/> &nbsp;border-right:1px solid #fff; <br/> &nbsp;margin:0 5px;<br/> &nbsp;&#125;<br/></STYLE><br/></head><br/><body><div class="pillar"><br/><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b2"></b><b class="b4"></b><br/><div class="boxcontent"><br/><h1>样式1</h1><br/></div><br/><b class="b4"></b><b class="b2"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b><br/></div><br/></body><br/></html><br/><br/><br/>样式二<br/><html><br/><head><br/><title>样式2-- http://www.livebaby.cn</title><br/><STYLE type=text/css><br/>/* flared serif */<br/>.serif &#123;<br/> &nbsp;background: transparent; width:40%;<br/> &nbsp;&#125;<br/>.serif h1, .serif p &#123;<br/> &nbsp;margin:0 10px;<br/> &nbsp;&#125;<br/>.serif h1 &#123;<br/> &nbsp;font-size:2em; color:#fff;<br/> &nbsp;&#125;<br/>.serif p &#123;<br/> &nbsp;padding-bottom:0.5em;<br/> &nbsp;&#125;<br/>.serif .b1, .serif .b2, .serif .b3, .serif .b4 &#123;<br/> &nbsp;display:block; <br/> &nbsp;overflow:hidden;<br/> &nbsp;font-size:1px;<br/> &nbsp;&#125;<br/>.serif .b1, .serif .b2, .serif .b3 &#123;<br/> &nbsp;height:1px;<br/> &nbsp;&#125;<br/>.serif .b2, .serif .b3 &#123;<br/> &nbsp;background:#fc0; <br/> &nbsp;border-left:1px solid #fff; <br/> &nbsp;border-right:1px solid #fff;<br/> &nbsp;&#125;<br/>.serif .b4 &#123;<br/> &nbsp;background:#fc0; <br/> &nbsp;border-left:1px solid #fff; <br/> &nbsp;border-right:1px solid #fff;<br/> &nbsp;&#125;<br/>.serif .b1 &#123;<br/> &nbsp;margin:0; background:#fff;<br/> &nbsp;&#125;<br/>.serif .b2 &#123;<br/> &nbsp;margin:0 1px; <br/> &nbsp;border-width:0 2px;<br/> &nbsp;&#125;<br/>.serif .b3 &#123;<br/> &nbsp;margin:0 3px;<br/> &nbsp;&#125;<br/>.serif .b4 &#123;<br/> &nbsp;height:2px; <br/> &nbsp;margin:0 4px;<br/> &nbsp;&#125;<br/>.serif .boxcontent &#123;<br/> &nbsp;display:block; &nbsp;<br/> &nbsp;background:#fc0; <br/> &nbsp;border-left:1px solid #fff; <br/> &nbsp;border-right:1px solid #fff; <br/> &nbsp;margin:0 5px;<br/> &nbsp;&#125;<br/></STYLE><br/></head><br/><body><div class="serif"><br/><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b><br/><div class="boxcontent"><br/><h1>样式2</h1><br/></div><br/><b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b><br/></div><br/></body><br/></html><br/><br/><br/>样式三<br/><html><br/><head><br/><title>样式3 -- http://www.livebaby.cn</title><br/><STYLE type=text/css><br/>/* Curved cutout Borders*/<br/>.curved &#123;<br/> &nbsp;background:transparent; <br/> &nbsp;width:40%;<br/> &nbsp;&#125;<br/>.curved h1, .curved p &#123;<br/> &nbsp;margin:0 10px;<br/> &nbsp;&#125;<br/>.curved h1 &#123;<br/> &nbsp;font-size:2em; <br/> &nbsp;color:#fff;<br/> &nbsp;&#125;<br/>.curved p &#123;<br/> &nbsp;padding-bottom:0.5em;<br/> &nbsp;&#125;<br/>.curved .b1, .curved .b2, .curved .b3, .curved .b4 &#123;<br/> &nbsp;display:block; <br/> &nbsp;overflow:hidden; <br/> &nbsp;height:1px;<br/> &nbsp;font-size:1px;<br/> &nbsp;&#125;<br/>.curved .b2, .curved .b3, .curved .b4 &#123;<br/> &nbsp;background:#e0cea3; <br/> &nbsp;border-left:1px solid #fff; <br/> &nbsp;border-right:1px solid #fff;<br/> &nbsp;&#125;<br/>.curved .b1 &#123;<br/> &nbsp;margin:0 4px; <br/> &nbsp;background:#fff;<br/> &nbsp;&#125;<br/>.curved .b2 &#123;<br/> &nbsp;margin:0 4px; <br/> &nbsp;height:2px;<br/> &nbsp;&#125;<br/>.curved .b3 &#123;<br/> &nbsp;margin:0 3px;<br/> &nbsp;&#125;<br/>.curved .b4 &#123;<br/> &nbsp;margin:0; <br/> &nbsp;height:1px; <br/> &nbsp;border-width:0 3px 0 3px;<br/> &nbsp;&#125;<br/>.curved .boxcontent &#123;<br/> &nbsp;display:block; <br/> &nbsp;background:#e0cea3; <br/> &nbsp;border:0 solid #fff; <br/> &nbsp;border-width:0 1px;<br/> &nbsp;&#125;<br/></STYLE><br/></head><br/><body><br/><div class="curved"><br/><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b><br/><div class="boxcontent"><br/><h1>样式3</h1><br/></div><br/><b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b><br/></div><br/></body><br/></html><br/><br/>样式四<br/><html><br/><head><br/><title>简写CSS圆角</title><br/><style type="text/css"><br/>.b1,.b2,.b3,.b4,.b1b,.b2b,.b3b,.b4b,.b&#123;display:block;overflow:hidden;&#125;<br/>.b1,.b2,.b3,.b1b,.b2b,.b3b&#123;height:1px;&#125;<br/>.b2,.b3,.b4,.b2b,.b3b,.b4b,.b&#123;border-left:1px solid #999;border-right:1px solid #999;&#125;<br/>.b1,.b1b&#123;margin:0 5px;background:#999;&#125;<br/>.b2,.b2b&#123;margin:0 3px;border-width:2px;&#125;<br/>.b3,.b3b&#123;margin:0 2px;&#125;<br/>.b4,.b4b&#123;height:2px;margin:0 1px;&#125;<br/>.d1&#123;background:#F7F8F9;&#125;<br/></style><br/></head><br/><body><br/><div><br/><b class="b1"></b><b class="b2 d1"></b><b class="b3 d1"></b><b class="b4 d1"></b><br/><div class="b d1"><br/><font style="font-size:26px;color:red; margin:0px 10px;">简写CSS圆角</font><br/></div><br/><b class="b4b d1"></b><b class="b3b d1"></b><b class="b2b d1"></b><b class="b1b"></b><br/></div><br/></body><br/></html><br/><br/>样式五 哈哈3D的<br/><html><br/><head><br/><title>3D圆角 -- http://www.livebaby.cn</title><br/><style type=text/css><br/>.raised&#123;background:transparent;width:40%;&#125;<br/>.raised h1,.raised p&#123;margin:0 10px;&#125;<br/>.raised h1&#123;font-size:2em;color:#fff;&#125;<br/>.raised p&#123;padding-bottom:0.5em;&#125;<br/>.raised .b1,.raised .b2,.raised .b3,.raised .b4,.raised .b1b,.raised .b2b,.raised .b3b,.raised .b4b&#123;display:block;overflow:hidden;font-size:1px;&#125;<br/>.raised .b1,.raised .b2,.raised .b3,.raised .b1b,.raised .b2b,.raised .b3b&#123;height:1px;&#125;<br/>.raised .b2&#123;background:#ccc;border-left:1px solid #fff;border-right:1px solid #eee;&#125;<br/>.raised .b3&#123;background:#ccc;border-left:1px solid #fff;border-right:1px solid #ddd;&#125;<br/>.raised .b4&#123;background:#ccc;border-left:1px solid #fff;border-right:1px solid #aaa;&#125;<br/>.raised .b4b&#123;background:#ccc;border-left:1px solid #eee;border-right:1px solid #999;&#125;<br/>.raised .b3b&#123;background:#ccc;border-left:1px solid #ddd;border-right:1px solid #999;&#125;<br/>.raised .b2b&#123;background:#ccc;border-left:1px solid #aaa;border-right:1px solid #999;&#125;<br/>.raised .b1&#123;margin:0 5px;background:#fff;&#125;<br/>.raised .b2, .raised .b2b&#123;margin:0 3px;border-width:0 2px;&#125;<br/>.raised .b3, .raised .b3b&#123;margin:0 2px;&#125;<br/>.raised .b4, .raised .b4b&#123;height:2px; margin:0 1px;&#125;<br/>.raised .b1b&#123;margin:0 5px; background:#999;&#125;<br/>.raised .boxcontent&#123;display:block;background:#ccc;border-left:1px solid #fff;border-right:1px solid #999;&#125;<br/></STYLE><br/></head><br/><body><br/><div class="raised"><br/><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b><br/><div class="boxcontent"><br/><h1>3D圆角</h1><br/></div><br/><b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b><br/></div><br/></body><br/></html><br/><br/><br/>样式六 &nbsp;纯HTML的<br/><html><br/><head><br/><title>html圆角 -- http://www.livebaby.cn</title><br/></head><br/><body><br/><TABLE cellSpacing=0 cellPadding=0 border=0><br/><TBODY><br/><TR><br/><TD width=1></TD><br/><TD width=1></TD><br/><TD width=1></TD><br/><TD width=274 bgColor=#999999></TD><br/><TD width=1></TD><br/><TD width=1></TD><br/><TD width=1></TD><br/></TR><br/><TR> <br/><TD></TD><br/><TD bgColor=#999999 colSpan=2></TD><br/><TD bgColor=#f7f8f9></TD><br/><TD bgColor=#999999 colSpan=2></TD><br/><TD></TD><br/></TR><br/><TR> <br/><TD></TD><br/><TD bgColor=#999999></TD><br/><TD bgColor=#f7f8f9 colSpan=3></TD><br/><TD bgColor=#999999></TD><br/><TD></TD><br/></TR><br/><TR><br/><TD width=1 bgColor=#999999></TD><br/><TD height=60 bgColor=#f7f8f9 colSpan=5><font style="font-size:26px;color:red; margin:0px 10px;">html圆角</font></TD><br/><TD width=1 bgColor=#999999></TD><br/></TR><br/><TR> <br/><TD></TD><br/><TD bgColor=#999999></TD><br/><TD bgColor=#f7f8f9 colSpan=3></TD><br/><TD bgColor=#999999></TD><br/><TD></TD><br/></TR><br/><TR> <br/><TD></TD><br/><TD bgColor=#999999 colSpan=2></TD><br/><TD bgColor=#f7f8f9></TD><br/><TD bgColor=#999999 colSpan=2></TD><br/><TD></TD><br/></TR><br/><TR> <br/><TD></TD><br/><TD></TD><br/><TD></TD><br/><TD bgColor=#999999></TD><br/><TD></TD><br/><TD></TD><br/><TD></TD><br/></TR><br/></TBODY><br/></TABLE></body><br/></html><br/>
]]>
</description>
</item><item>
<link>https://jackxiang.com/post//#blogcomment</link>
<title><![CDATA[[评论] [圆角窗口]圆角窗口大全 (无图片实现)]]></title> 
<author> &lt;user@domain.com&gt;</author>
<category><![CDATA[评论]]></category>
<pubDate>Thu, 01 Jan 1970 00:00:00 +0000</pubDate> 
<guid>https://jackxiang.com/post//#blogcomment</guid> 
<description>
<![CDATA[ 
	
]]>
</description>
</item>
</channel>
</rss>