top
元旦节到了,元旦节快乐...

固定当前背景  反馈、咨询、建议、留言等,请点这里[Alt+G]

本栏相关
其他文章
DIV+CSSdiv+css当前位置:首页 >>开发技巧>>DIV+CSS
div+CSS制作小三角评论框
编辑admin 发布时间2014-08-26 浏览量3701 来源本站 特大
摘要:div+CSS制作小三角评论框
<div style="width:500px; height:auto; background:#999; position:relative;">
<div style="width:0px; height:0px; border-width:10px; border-color:transparent #000 transparent transparent; border-style:dashed  solid dashed dashed; position:absolute; top:20px; left:-1px;">
</div>
<div style="width:0px; height:0px; border-width:10px; border-color:transparent #FFF transparent transparent; border-style:dashed  solid dashed dashed; position:absolute; top:20px; left:-1px; z-index:2">
</div>
<div style="width:480px; min-height:100px; border:1px solid #CCC; position:absolute; top:0px; right:0px; z-index:1">
<p>asdasdasdasdsadasdasd</p>
<p>asdasdasdasdsadasdasd</p>
<p>asdasdasdasdsadasdasd</p>
<p>asdasdasdasdsadasdasd</p>
<p>asdasdasdasdsadasdasd</p>
<p>asdasdasdasdsadasdasd</p>
<p>asdasdasdasdsadasdasd</p>
<p>asdasdasdasdsadasdasd</p>
<p>asdasdasdasdsadasdasd</p>
</div>
</div>

效果如下:

asdasdasdasdsadasdasd

asdasdasdasdsadasdasd




按键盘左右方向键可快速浏览上一篇(←)、下一篇(→)


反馈/咨询/建议/留言(GuestBook)
您好,怎么称呼您!
您的姓名:
上一步:鼠标向上滚动/左方向键(←)
下一步或完成:鼠标向下滚动/Tab键/右方向键(→)
如果您有空的话,可以填一下您的相关信息!
您的电话:
您的邮箱:
现在,请填写您想要了解的信息!
信息内容:
验证码: 看不清?点图片刷新