Rss订阅

首页 »Html教程 » css圆角边框:CSS圆角边框纯CSS制作 »正文

css圆角边框:CSS圆角边框纯CSS制作

来源: 发布时间:星期五, 2008年9月26日浏览:1363次评论:0

$\"\"/$

$\"div$ Source Code to Run [www.52css.com]

<style type=\"text/css\">#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}#xsnazzy h1 {font-size:2.5em; color:#fff;}#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:1em;}.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:#ccc; border-left:1px solid #08c; border-right:1px solid #08c;}.xb1 {margin:0 5px; background:#08c;}.xb2 {margin:0 3px; border-width:0 2px;}.xb3 {margin:0 2px;}.xb4 {height:2px; margin:0 1px;}.xboxcontent {display:block; background:#ccc; border:0 solid #08c; border-width:0 1px;}</style><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>Snazzy Borders</h1><p>Based _disibledevent=\"ubbbuttonrt\">[ 可先修改部分代码 再运行查看效果 ]</span></div></div>                             
                    
                    <script type="text/javascript">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
                </div>
                <div class="tags">
                        标签：<a href="/Tag/31822/Index.html">光影圆角边框</a> <a href="/Tag/31821/Index.html">ps圆角边框</a> <a href="/Tag/14620/Index.html">圆角边框</a> <a href="/Tag/31168/Index.html">css圆角边框</a> 
                      
                 </div>
                 <div id="plPdf">
	
                 <div> <a href="/mypdf/19616.pdf" title="下载 'css圆角边框:CSS圆角边框 纯CSS制作' 的PDF电子版" style="color: #ff6600;
                     font-size: 14px; font-weight: bold;">下载文章的 PDF文档电子版 离线看</a></div>
                 
</div>
                <div class="diggdiv">
                    <div id="digg19616" class="diggbox">
                        <div class="diggnum">0</div>
                        <div class="digglink">
                            <a href="javascript:dig(19616);">顶一下</a>
                        </div>
                    </div>
                    <div class="prevnext">
                 
                        <div>
                        <input type="hidden" id="txtArtTitle" value="css圆角边框:CSS圆角边框 纯CSS制作" />
                        <input type="text" id="txtArtUrl" onclick="copy(this)" style="width:300px" value="http:/www.crazycoder.cn/HtmlJiaoCheng/Article19616.html" /><input type="button" onclick="copy()" value="复制网址" /></div>
                    </div>
                </div>
                <div class="clear"></div>
               
            </div>
          
            <div class="title-y">               
                <h3>相关文章</h3>
            </div>
            <div class="list-y">
                <ul class="list">
                    
                            <li><span>2008-9-10</span> <a href="/DotNet/Article10154.html">panel控件:简单的控件-圆角Panel</a>
                            </li>
                        
                            <li><span>2008-9-26</span> <a href="/HtmlJiaoCheng/Article19437.html">css圆角:css圆角之有序列表dl、无序列表ul如何实现？</a>
                            </li>
                        
                            <li><span>2008-9-26</span> <a href="/HtmlJiaoCheng/Article19216.html">css圆角代码:CSS实现圆角的实例代码</a>
                            </li>
                        
                            <li><span>2008-9-26</span> <a href="/HtmlJiaoCheng/Article19249.html">css圆角代码:纯CSS实现圆角的代码</a>
                            </li>
                        
                            <li><span>2008-10-20</span> <a href="/CssJiaoCheng/Article21251.html">css圆角:真正的圆角[CSS]</a>
                            </li>
                        
                            <li><span>2008-9-26</span> <a href="/HtmlJiaoCheng/Article19730.html">css图片圆角:css 无图片圆角</a>
                            </li>
                        
                </ul>
            </div>
            <div class="title-y">               
                <h3>读者评论</h3>
            </div>
            <div class="list-y">
                <ul class="listcmt">
                          
                <li>
                    <div class='pager'> <span class='pagerinfo'>共0条 分0页</span></div>
                </li>      
                </ul>
            </div>
            <div class="title-y">               
                <h3>发表评论</h3>
            </div>
            <form id="formCmt"  method="post" onsubmit="return saveComment();">
            <div class="list-y">                
                <ul class="list">
                    <li>昵称：<input type="text" id="txtUserName" name="txtUserName" /><input type="hidden" id="txtArticleID" value="19616" /></li>                    
                    <li>内容：<textarea id="txtContent" name="txtContent">

更多

热门标签

精华推荐

Dig排行

阅读排行

评论排行