用DIV+CSS写小三角
2018-10-12 14:13
429 查看
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;}测试
相关文章推荐
- div+css实现带三角箭头提示框
- div+css实现带三角箭头提示框
- div+css实现的小三角tip小提示(原理及代码)
- Css+Div摘录集-生成小三角常用方法
- 使用css制作三角,兼容IE6,用到的标签<div><s><span>
- css+div 小三角tip小提示
- div+css做出带三角的弹出框
- DIV+CSS实现的小三角
- DIV+CSS 小三角的做法与使用
- 用DIV+CSS写小三角
- DIV布局中用纯CSS制作小三角
- 使用css制作三角,兼容IE6,用到的标签<div><s><span>
- div+css样式自制带小三角的tooltips
- 使用css制作三角,兼容IE6,用到的标签<div><s><span>
- div+css实现带三角箭头提示框
- div+css布局基础知识理解
- CSS网页实例 利用box-sizing实现div仿框架结构实现代码
- div+CSS导航菜单
- div+css
- 通过css属性margin:auto让Div中的Table居中