网页制作实例CSS用一张图片实现圆角_css

　　这个代码是UDSKY推荐给我的一段用图片版的圆角代码，于是分析代码写个教程，这段代码最大的优点是：只使用了一张图片，代码简单，很容易上手．不足之处在于做这种圆角BOX所在的背景区为单一色！还是直入正题吧！

　　准备一张图片（我们要使用的那张背景图，四个角都是这张背景图四个部位显示出来的）．最初学习圆角时，我承想过用一张四分之一的圆，然后背景图旋转／翻转不就可以用以用在四个角上了吧，但是css中没有这种功能，只好放弃这种不实际的想法！

圆角部分放大图：

html代码：

　　思路：盒子cssbox内放入两个box，上部分box做成两个角（cssbox_head右角，H2左角），下部分box也做一个角的背景图（左角）．cssbox_body内一个右下角．

第一步：
　　这一步是最简单的，在一个盒子中定义一个右下角的背景图片．
　　CSS代码

*{
padding:0;
margin:0;
}/*与本教程无关的代码*/
.cssbox{
background: transparent url(/UploadPic/2007-7/200777202328126.png) no-repeat;
}
.cssbox{
background-position:bottom right;
width:380px;
margin:20px auto;/*与本教程无关的代码*/
}

　　浏览器中看到的效果见下图：

　　执行代码：

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “<a href="https://www.gaodaima.com/go.html?url=http://www.w3c.org/TR/1999/REC-" rel="nofollow">http://www.w3c.org/TR/1999/REC-</a><a href="https://www.gaodaima.com/tag/html" title="查看更多关于html的文章" target="_blank">html</a>401-19991224/loose.dtd”><HTML xmlns=”<a href="https://www.gaodaima.com/go.html?url=http://www.w3.org/1999/xhtml”><HEAD><TITLE>Untitled" rel="nofollow">http://www.w3.org/1999/xhtml”><HEAD><TITLE>Untitled</a> Document</TITLE><META http-equiv=Content-Type content=”text/html; charset=utf-8″><STYLE type=text/css>*{ padding:0; margin:0;}.cssbox{ background: transparent url(/UploadPic/2007-7/200777202328126.png) no-repeat;}.cssbox{ background-position:bottom right; width:380px; margin:20px auto;}</STYLE><META content=”MSHTML 6.00.2900.2995″ name=GENERATOR></HEAD><BODY><DIV class=cssbox> <DIV class=cssbox_head> <H2>标题</H2> </DIV> <DIV class=cssbox_body> <P>内容</P> </DIV></DIV></BODY></HTML>[/code]</p> <p><input style="CURSOR: hand" onfocus=this.blur() type=button value=运行代码> <input style="WIDTH: 95px; CURSOR: hand" onfocus=this.blur() onclick=cycode(code1) type=button value=复制到剪贴板 name=Submit> <input style="CURSOR: hand" onfocus=this.blur() onclick=svcode(code1) type=button value=另存代码> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]</p> <p><span style="COLOR: blue">第二步</span><br />　　我们定义右上角的样式，这一步也不难做到，因为定义背景图定义在右上，背景图圆角外部分又不是透明，而是白色，所以白色区盖住cssbox_body的绿色部分．<br />　　CSS代码</p> <div>{<br /> padding:0;<br /> margin:0;<br />}<br />.cssbox,.<span style="COLOR: red">cssbox_head</span>{ <br /> background: transparent url(/UploadPic/2007-7/200777202328126.png) no-repeat;<br />}<br />.cssbox{<br /> background-position:bottom right;<br /> width:380px;<br /> margin:20px auto;<br />}<br /><span style="COLOR: red">.cssbox_head{<br /> background-position:top right;<br />}</span></div> <p>　　浏览器中看到的效果见下图：</p> <div align=center><img data-original="https://www.gaodaima.com/wp-content/uploads/11/200777202329950.gif" alt="网页制作实例CSS用一张图片实现圆角_css" title="网页制作实例CSS用一张图片实现圆角_css" onclick="javascript:window.open(this.src);" style="cursor:pointer;" alt="网页制作实例CSS用一张图片实现圆角"/></div> <noscript><img src="https://www.gaodaima.com/wp-content/uploads/11/200777202329950.gif" alt="网页制作实例CSS用一张图片实现圆角_css" title="网页制作实例CSS用一张图片实现圆角_css" onclick="javascript:window.open(this.src);" style="cursor:pointer;" alt="网页制作实例CSS用一张图片实现圆角"/></div></noscript> <div><!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “<a href="https://www.gaodaima.com/go.html?url=http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd”&gt" rel="nofollow">http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd”&gt</a>;<br /><HTML <br />xmlns=”<a href="https://www.gaodaima.com/go.html?url=http://www.w3.org/1999/xhtml”&gt" rel="nofollow">http://www.w3.org/1999/xhtml”&gt</a>;<br /><HEAD><br /><TITLE>Untitled Document</TITLE><br /><META http-equiv=Content-Type content=”text/html; charset=utf-8″><br /><STYLE type=text/css><br />{<br /> padding:0;<br /> margin:0;<br />}<br />.cssbox,.cssbox_head{ <br /> background: transparent url(/UploadPic/2007-7/200777202328126.png) no-repeat;<br />}<br />.cssbox{<br /> background-position:bottom right;<br /> width:380px;<br /> margin:20px auto;<br />}<br />.cssbox_head{<br /> background-position:top right;<br />}</p> <p></STYLE><br /><META content=”MSHTML 6.00.2900.2995″ name=GENERATOR><br /></HEAD><br /><BODY><br /><DIV class=cssbox><br /> <DIV class=cssbox_head><br /> <H2>标题</H2><br /> </DIV><br /> <DIV class=cssbox_body><br /> <P>内容</P><br /> </DIV><br /></DIV><br /></BODY><br /></HTML></div> <p><span style="COLOR: blue">第三步</span><br />　　经过以上的两步我们已经做了出两个角了，在接着做第三个角，定义在H2中也就是左上角．为了美观一些，我们在H2中加入补白10PX,<br />　　CSS代码</p> <div>{<br /> padding:0;<br /> margin:0;<br />}<br />.cssbox,.cssbox_head,.<span style="COLOR: red">cssbox_head h2</span>{ <br /> background: transparent url(/UploadPic/2007-7/200777202328126.png) no-repeat;<br />}<br />.cssbox{<br /> background-position:bottom right;<br /> width:380px;<br /> margin:20px auto;<br />}<br />.cssbox_head{<br /> background-position:top right;<br />}<br /><span style="COLOR: red">.cssbox_head h2{ <br /> background-position:top left;<br /> margin:0;<br /> padding:10px; <br />}</span></div> <p>　　执行代码：</p> <p align=center><textarea style="WIDTH: 490px; HEIGHT: 256px" rows=17 cols=78><!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “<a href="https://www.gaodaima.com/go.html?url=http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd”><HTML" rel="nofollow">http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd”><HTML</a> xmlns=”<a href="https://www.gaodaima.com/go.html?url=http://www.w3.org/1999/xhtml”><HEAD><TITLE>Untitled" rel="nofollow">http://www.w3.org/1999/xhtml”><HEAD><TITLE>Untitled</a> Document</TITLE><META http-equiv=Content-Type content=”text/html; charset=utf-8″><STYLE type=text/css>{ padding:0; margin:0;}.cssbox,.cssbox_head,.cssbox_head h2{ background: transparent url(/UploadPic/2007-7/200777202328126.png) no-repeat;}.cssbox{ background-position:bottom right; width:380px; margin:20px auto;}.cssbox_head{ background-position:top right;}.cssbox_head h2{ background-position:top left; padding:10px; }</STYLE><META content=”MSHTML 6.00.2900.2995″ name=GENERATOR></HEAD><BODY><DIV class=cssbox> <DIV class=cssbox_head> <H2>标题</H2> </DIV> <DIV class=cssbox_body> <P>内容</P> </DIV></DIV></BODY></HTML>[/code]</p> <p><input style="CURSOR: hand" onfocus=this.blur() type=button value=运行代码> <input style="WIDTH: 95px; CURSOR: hand" onfocus=this.blur() onclick=cycode(code2) type=button value=复制到剪贴板 name=Submit> <input style="CURSOR: hand" onfocus=this.blur() onclick=svcode(code2) type=button value=另存代码> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]</p><div><div class="_t33rkthes8f"></div><script type="text/javascript">(window.slotbydup = window.slotbydup || []).push({id: "u6795179",container: "_t33rkthes8f",async: true});</script></div> <div align=center><img data-original="https://www.gaodaima.com/wp-content/uploads/11/200777202330221.gif" alt="网页制作实例CSS用一张图片实现圆角_css" title="网页制作实例CSS用一张图片实现圆角_css" onclick="javascript:window.open(this.src);" style="cursor:pointer;" alt="网页制作实例CSS用一张图片实现圆角"/></div> <noscript><img src="https://www.gaodaima.com/wp-content/uploads/11/200777202330221.gif" alt="网页制作实例CSS用一张图片实现圆角_css" title="网页制作实例CSS用一张图片实现圆角_css" onclick="javascript:window.open(this.src);" style="cursor:pointer;" alt="网页制作实例CSS用一张图片实现圆角"/></div></noscript> <p>　　疑点：奇怪了，为什么实际上并不是我们想要的效果？我们在看一下问题出在哪，应该是我们定义的第三个角的背景图盖住了右上cssbox_head中的角，解决的方法有两种：<br />　　第一种：H2可以加一个右边界这样H2的背景就不会在盖住cssbox_head的的那个角了；<br />　　第二种：反向思维，cssbox_head中加入一个右补白，这样H2中的背景图也不会盖住cssbox_head中的角；<br />　　这里我们选用第二种方法．</p> <div>.cssbox_head{<br /> background-position:top right;<br /><span style="COLOR: red"> padding-right:10px;</span><br />}<br />.cssbox_head h2{ <br /> background-position:top left;<br /> padding:10px <span style="COLOR: red">0</span> 10px 10px; <br />}</div> <p>　　执行代码：</p> <p align=center><textarea style="WIDTH: 490px; HEIGHT: 256px" rows=17 cols=78><!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “<a href="https://www.gaodaima.com/go.html?url=http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd”><HTML" rel="nofollow">http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd”><HTML</a> xmlns=”<a href="https://www.gaodaima.com/go.html?url=http://www.w3.org/1999/xhtml”><HEAD><TITLE>Untitled" rel="nofollow">http://www.w3.org/1999/xhtml”><HEAD><TITLE>Untitled</a> Document</TITLE><META http-equiv=Content-Type content=”text/html; charset=utf-8″><STYLE type=text/css>{ padding:0; margin:0;}.cssbox,.cssbox_head,.cssbox_head h2{ background: transparent url(/UploadPic/2007-7/200777202328126.png) no-repeat;}.cssbox{ background-position:bottom right; width:380px; margin:20px auto;}.cssbox_head{ background-position:top right;padding-right:10px;}.cssbox_head h2{ background-position:top left; padding:10px 0 10px 10px; }</STYLE><META content=”MSHTML 6.00.2900.2995″ name=GENERATOR></HEAD><BODY><DIV class=cssbox> <DIV class=cssbox_head> <H2>标题</H2> </DIV> <DIV class=cssbox_body> <P>内容</P> </DIV></DIV></BODY></HTML>[/code]</p> <p><input style="CURSOR: hand" onfocus=this.blur() type=button value=运行代码> <input style="WIDTH: 95px; CURSOR: hand" onfocus=this.blur() onclick=cycode(code3) type=button value=复制到剪贴板 name=Submit> <input style="CURSOR: hand" onfocus=this.blur() onclick=svcode(code3) type=button value=另存代码> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]</p> <div align=center><img data-original="https://www.gaodaima.com/wp-content/uploads/11/200777202330625.gif" alt="网页制作实例CSS用一张图片实现圆角_css" title="网页制作实例CSS用一张图片实现圆角_css" onclick="javascript:window.open(this.src);" style="cursor:pointer;" alt="网页制作实例CSS用一张图片实现圆角"/></div> <noscript><img src="https://www.gaodaima.com/wp-content/uploads/11/200777202330625.gif" alt="网页制作实例CSS用一张图片实现圆角_css" title="网页制作实例CSS用一张图片实现圆角_css" onclick="javascript:window.open(this.src);" style="cursor:pointer;" alt="网页制作实例CSS用一张图片实现圆角"/></div></noscript> <p><span style="COLOR: blue">第四步</span><br />　　这一步和第三步很相似，这里就不会在犯错误了，根据实际情况只能选用第一种方法．<br />　　css代码</p> <div>*{<br /> padding:0;<br /> margin:0;<br />}<br />.cssbox,.cssbox_head,.cssbox_head h2,.<span style="COLOR: red">cssbox_body</span>{ <br /> background: transparent url(/UploadPic/2007-7/200777202328126.png) no-repeat;<br />}<br />.cssbox{<br /> background-position:bottom right;<br /> width:380px;<br /> margin:20px auto;<br />}<br />.cssbox_head{<br /> background-position:top right;<br /> padding-right:10px;<br />}<br />.cssbox_head h2{ <br /> background-position:top left;<br /> padding:10px 0 10px 10px; <br />}<br /><span style="COLOR: red">.cssbox_body{ <br /> background-position:bottom left; <br /> margin-right:10px; /* interior-padding right */ <br /> padding:0px 0 10px 10px;<br />}</span></div> <p>　　完整的代码：</p> <p align=center><textarea style="WIDTH: 490px; HEIGHT: 256px" rows=17 cols=78><!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “<a href="https://www.gaodaima.com/go.html?url=http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd”><HTML" rel="nofollow">http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd”><HTML</a> xmlns=”<a href="https://www.gaodaima.com/go.html?url=http://www.w3.org/1999/xhtml”><HEAD><TITLE>Untitled" rel="nofollow">http://www.w3.org/1999/xhtml”><HEAD><TITLE>Untitled</a> Document</TITLE><META http-equiv=Content-Type content=”text/html; charset=utf-8″><STYLE type=text/css>*{ padding:0; margin:0;}.cssbox,.cssbox_head,.cssbox_head h2,.cssbox_body{ background: transparent url(/UploadPic/2007-7/200777202328126.png) no-repeat;}.cssbox{ background-position:bottom right; width:380px; margin:20px auto;}.cssbox_head{ background-position:top right; padding-right:10px;}.cssbox_head h2{ background-position:top left; margin:0; padding:10px 0 10px 10px; }.cssbox_body{ background-position:bottom left; margin-right:10px; /* interior-padding right */ padding:0px 0 10px 10px;}</STYLE><META content=”MSHTML 6.00.2900.2995″ name=GENERATOR></HEAD><BODY><DIV class=cssbox> <DIV class=cssbox_head> <H2>标题</H2> </DIV> <DIV class=cssbox_body> <P>内容</P> </DIV></DIV></BODY></HTML>[/code]</p> <p><input style="CURSOR: hand" onfocus=this.blur() type=button value=运行代码> <input style="WIDTH: 95px; CURSOR: hand" onfocus=this.blur() onclick=cycode(code4) type=button value=复制到剪贴板 name=Submit> <input style="CURSOR: hand" onfocus=this.blur() onclick=svcode(code4) type=button value=另存代码> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]</p> <p>最终效果图</p> <div align=center><img data-original="https://www.gaodaima.com/wp-content/uploads/11/200777202330607.gif" alt="网页制作实例CSS用一张图片实现圆角_css" title="网页制作实例CSS用一张图片实现圆角_css" onclick="javascript:window.open(this.src);" style="cursor:pointer;" alt="网页制作实例CSS用一张图片实现圆角"/></div> <noscript><img src="https://www.gaodaima.com/wp-content/uploads/11/200777202330607.gif" alt="网页制作实例CSS用一张图片实现圆角_css" title="网页制作实例CSS用一张图片实现圆角_css" onclick="javascript:window.open(this.src);" style="cursor:pointer;" alt="网页制作实例CSS用一张图片实现圆角"/></div></noscript> <p>　　终于完成我们的＂大作＂了！从上面我们可以看出，定义这种效果的样式是先从父元素到子元素定义的，也就是从外层向内层定义，这是因为，越是内层的的图／背景，它在显示时确是在外层的．<br />　　在内容区如果P或其它元素有边界的情况下会出现边界叠加现象，在这里只要给cssbox_body加入一个1PX下补白就可以解决这种问题的发生，关于边界叠加见网站中＜边界叠加＞这篇文章． </p> <p>欢迎大家阅读<span style='color:red;'>《网页制作实例CSS用一张图片实现圆角_css》</span>,跪求各位点评,若觉得好的话请收藏本文，by <strong>搞代码</strong></p> <hr /><div class="open-message">搞代码网（<a href="www.gaodaima.com" target="_blank" title="gaodaima.com">gaodaima.com</a>）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱<a>chengxuyuan@gaodaima.com‍</a>，我们会在看到邮件的第一时间内为您处理，或直接联系<a>QQ：872152909</a>。本网站采用<a href="https://www.gaodaima.com/go.html?url=http://creativecommons.org/licenses/by-nc-sa/3.0/" rel="nofollow" target="_blank" title="BY-NC-SA授权协议">BY-NC-SA</a>协议进行授权 <br >转载请注明原文链接：<a href="https://www.gaodaima.com/21615.html" target="_blank" title="网页制作实例CSS用一张图片实现圆角_css">网页制作实例CSS用一张图片实现圆角_css</a><a id="spreadAds" target="_blank" href="" onclick="spreadAds()"></a><a id="spreadAds2" target="_blank" href=""></a> </div> </p> <div class="article-social"> <a href="javascript:;" data-action="ding" data-id="21615" id="Addlike" class="action"><i class="fa fa-heart-o"></i>喜欢 (<span class="count">0</span>)</a><span class="or"><style>.article-social .weixin:hover{background:#fff;}</style><a class="weixin" style="border-bottom:0px;font-size:15pt;cursor:pointer;">赏<div class="weixin-popover"><div class="popover bottom in"><div class="arrow"></div><div class="popover-title"><center>[搞代码]</center></div><div class="popover-content"><img width="200px" height="200px" src="http://www.gaodaima.com/wp-content/uploads/hai_AliPay.png" ></div></div></div></a></span><span class="action action-share bdsharebuttonbox"><i class="fa fa-share-alt"></i>分享 (<span class="bds_count" data-cmd="count" title="累计分享0次">0</span>)<div class="action-popover"><div class="popover top in"><div class="arrow"></div><div class="popover-content"><a href="#" class="sinaweibo fa fa-weibo" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_qzone fa fa-star" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="qq fa fa-qq" data-cmd="sqq" title="分享到QQ好友"></a><a href="#" class="bds_renren fa fa-renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_weixin fa fa-weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_more fa fa-ellipsis-h" data-cmd="more"></a></div></div></div></span></div> </article> <footer class="article-footer"> <div class="article-tags"><i class="fa fa-tags"></i><a href="https://www.gaodaima.com/tag/css" rel="tag">css</a><a href="https://www.gaodaima.com/tag/html" rel="tag">html</a><a href="https://www.gaodaima.com/tag/java" rel="tag">java</a><a href="https://www.gaodaima.com/tag/javascript" rel="tag">JavaScript</a></div></footer> <nav class="article-nav"><div class="_d13vl98i0pw"></div><script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6795176", container: "_d13vl98i0pw", async: true });</script> </nav><div id="donatecoffee" style="overflow:auto;display:none;"><img width="400" height="400" alt="支持作者一杯咖啡" src="http://www.gaodaima.com/wp-content/uploads/hai_AliPay.png"></div> <div class="related_top"> <div class="related_posts"><ul class="related_img"> <li class="related_box" > <a href="https://www.gaodaima.com/432440.html" title="java怎么样学java正确" target="_blank"><img class="thumb" style="width:185px;height:110px" data-original="https://www.gaodaima.com/wp-content/themes/Git-alpha/timthumb.php?src=https://www.gaodaima.com/wp-content/themes/Git-alpha/assets/img/pic/2.jpg&h=110&w=185&q=90&zc=1&ct=1" alt="java怎么样学java正确" /><br><span class="r_title">java怎么样学java正确</span></a> </li> <li class="related_box" > <a href="https://www.gaodaima.com/432401.html" title="Java面试题（11）" target="_blank"><img class="thumb" style="width:185px;height:110px" data-original="https://www.gaodaima.com/wp-content/themes/Git-alpha/timthumb.php?src=https://www.gaodaima.com/wp-content/themes/Git-alpha/assets/img/pic/5.jpg&h=110&w=185&q=90&zc=1&ct=1" alt="Java面试题（11）" /><br><span class="r_title">Java面试题（11）</span></a> </li> <li class="related_box" > <a href="https://www.gaodaima.com/432366.html" title="软件构造 03 正则表达式" target="_blank"><img class="thumb" style="width:185px;height:110px" data-original="https://www.gaodaima.com/wp-content/themes/Git-alpha/timthumb.php?src=https://www.gaodaima.com/wp-content/themes/Git-alpha/assets/img/pic/6.jpg&h=110&w=185&q=90&zc=1&ct=1" alt="软件构造 03 正则表达式" /><br><span class="r_title">软件构造 03 正则表达式</span></a> </li> <li class="related_box" > <a href="https://www.gaodaima.com/432360.html" title="类和对象的概念与类和对象的关系" target="_blank"><img class="thumb" style="width:185px;height:110px" data-original="https://www.gaodaima.com/wp-content/themes/Git-alpha/timthumb.php?src=https://www.gaodaima.com/wp-content/themes/Git-alpha/assets/img/pic/12.jpg&h=110&w=185&q=90&zc=1&ct=1" alt="类和对象的概念与类和对象的关系" /><br><span class="r_title">类和对象的概念与类和对象的关系</span></a> </li> </ul><div class="relates"><div class="_mw9fz31sqco"></div><script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6795180", container: "_mw9fz31sqco", async: true });</script><ul><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/432359.html">面向对象思想概述、类和对象概念、类和对象的关系</a></li><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/432357.html">4.15软工学习周报</a></li><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/432314.html">Java面向对象下笔记&1000以内素数</a></li><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/432291.html">学习Java应该留意的问题</a></li><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/432250.html">Java集合框架(四)-HashMap</a></li><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/432246.html">java学习</a></li><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/432243.html">Java 入门与进阶P-7.1+P-7.2</a></li><li><i class="fa fa-minus"></i><a href="https://www.gaodaima.com/432233.html">Java方法</a></li></ul></div></div> </div> <div id="comment-ad" class="banner banner-related"><div class="_9madbukio7r"></div><script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6677406", container: "_9madbukio7r", async: true });</script><script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" ></script></div> <div id="respond" class="no_webshot"> <form action="https://www.gaodaima.com/asdloie8574asdqwexzxdqwertasdqwe.php" method="post" id="commentform"> <div class="comt-title"> <div class="comt-avatar pull-left"> <img src="https://cdn.v2ex.com/gravatar/?s=50" class="avatar avatar-108"> </div> <div class="comt-author pull-left"> 发表我的评论 </div> <a id="cancel-comment-reply-link" class="pull-right" href="javascript:;">取消评论</a> </div> <div class="comt"> <div class="comt-box"> <textarea placeholder="说点什么吧…" class="input-block-level comt-area" name="comment" id="comment" cols="100%" rows="3" tabindex="1" onkeydown="if(event.ctrlKey&&event.keyCode==13){document.getElementById('submit').click();return false};">

评论通知

表情贴图加粗删除线居中斜体签到

Hi，您需要填写昵称和邮箱！