当前位置:  编程技术>WEB前端

用DIV+CSS写小三角

    来源: 互联网  发布时间:2014-09-06

    本文导语:  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:10p...

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让文字底部对齐的方法
  • DIV+CSS不一定符合标准
  • DIV+CSS 英文命名规范
  • div+css与xhtml+css分别是什么意思?
  • div+css如何实现页脚的置底
  • CSS顶级技巧大放送,div+css布局必知
  • CSS技巧DIV为空时占据空间的解决办法
  • CSS Div 最小高度在IE 6 和IE 7中的兼容性问题
  • 常用的DIV+CSS的基本框架结构但不推荐都放一个div里
  • div+css在思路和流程上实现结构与表现的分离分析
  • 研究了一下div+css的高度自适应问题
  • div+css中Class与ID的区别
  • DIV CSS网页布局 最小高度(min-height)的妙用
  • DIV+CSS布局中不推荐使用的标签集合Dont Use These Tags
  • div+css布局必须要知道的css条件注释理论及实践第1/2页
  • 非常漂亮的Div+CSS布局入门教程第1/5页
  • div+CSS网页布局的意义与副作用原因小结第1/2页
  • DIV+CSS布局教程大全与pdf电子书 下载
  • div+css模拟表格效果代码
  • 编程技术其它 iis7站长之家
  • 用div+css解决出现水平滚动条问题
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 通过javascript实现DIV居中,兼容各浏览器版本
  • 如何动态修改层(<div ....> </div>)的显示与否?
  • java命名空间javax.swing.text.html类html.tag的类成员方法: div定义及介绍
  • 父div高度不能自适应子div高度的解决方案
  • java命名空间javax.management类query的类成员方法: div定义及介绍
  • 难!!!在jsp文件的java代码片段中控制该网页上DIV的属性以达到隐藏或显示某div的目的???
  • java命名空间javax.imageio.plugins.jpeg类jpegqtable的类成员方法: k1div2luminance定义及介绍
  • jQuery拖动div、移动div与弹出层实例
  • java命名空间javax.imageio.plugins.jpeg类jpegqtable的类成员方法: k2div2chrominance定义及介绍
  • jQuery拖动div、移动div、弹出层实现原理及示例
  • 基于DIV+ul+li实现的表格(多示例)
  • Jquery在指定DIV加载HTML示例代码
  • HTML 区块元素:<DIV>和 <SPAN>各自的定义与区别详细介绍
  • jquery 页面滚动到指定DIV的代码
  • HTML <div> 标签
  • 巧用jquery解决下拉菜单被Div遮挡的相关问题
  • jquery 实现弹出div位于屏幕正中(图文)
  • 解决 select 挡住div的解决方法
  • 让超出DIV宽度范围的文字自动显示省略号...
  • 解决div被flash挡住的设置方法
  • html小技巧之td,div标签里内容不换行


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3