手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >用DIV+CSS写小三角
用DIV+CSS写小三角
摘要:test/*test*/*{margin:0;padding:0;font-size:12px;font-family:Verdana,Ar...

test /*test*/ *{ margin:0; padding:0; font-size:12px; font-family:Verdana, Arial; line-height:1.8; list-style:none;} #info,#nav{ margin:50px; border:1px dashed #f30; background:#ffc; padding:50px;} #info div{background:#f00; width:0px; height:0px; overflow:hidden; margin-bottom:10px;} /*测试*/ #com_a{ border-top:10px solid #ffc;border-left:10px solid #f30;border-bottom:10px solid #ffc;} #com_b{ border-top:10px solid #ffc;border-right:10px solid #f30;border-bottom:10px solid #ffc;} #com_c{ border-top:10px solid #ffc;border-right:10px solid #f30;border-bottom:10px solid #ffc;border-left:10px solid #f30;} #com_d{ border-top:10px solid #f30;border-right:10px solid #ffc;border-bottom:10px solid #f30;border-left:10px solid #ffc;} #com_e{ border-top:10px solid #ffc;border-left:10px solid #f30;} #com_f{ border-top:10px solid #f30;border-right:10px solid #ffc;border-left:10px solid #ffc;} #com_g{ border-right:10px solid #ffc;border-bottom:10px solid #f30;border-left:10px solid #ffc;} #com_h{ border-top:10px solid #f30;border-bottom:10px solid #f30;border-left:10px solid #ffc;} #com_i{ border-top:10px solid #f30;border-right:10px solid #f30;border-bottom:10px solid #f30;border-left:10px solid #ffc;} 测试

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

【用DIV+CSS写小三角】相关文章:

利用CSS3实现圆角的outline效果的教程

常用的10种CSS BUG解决方法与技巧

CSS如何使DIV层居中

非常实用的CSS3工具终极收藏

利用纯CSS创建一个三角形

DIV CSS解决不规则文字排版

CSS编写小技巧

纯CSS绘制三角形箭头效果

DIV+CSS常见的错误

解答何谓DIV+CSS

精品推荐
分类导航