一段巧妙的css debug代码

所属分类: 网络编程 / CSS/HTML 阅读数: 1888
收藏 0 赞 0 分享
想法很简单,代码很简洁,效果也不错,蛮有用(这种高级东东 IE 自然又是不认识的)。

复制代码 代码如下:

 * { outline: 2px dotted red }
  * * { outline: 2px dotted green }
  * * * { outline: 2px dotted orange }
  * * * * { outline: 2px dotted blue }
  * * * * * { outline: 1px solid red }
  * * * * * * { outline: 1px solid green }
  * * * * * * * { outline: 1px solid orange }
  * * * * * * * * { outline: 1px solid blue }


很容易理解,用不同颜色不同线型的 outline 来标注层级关系。
更多精彩内容其他人还在看

最窄770px最宽1024px的经典布局研究

最窄770px最宽1024px的经典布局研究
收藏 0 赞 0 分享

CSS使用心得体会

CSS使用心得体会
收藏 0 赞 0 分享

用CSS实现链接的虚线下划线效果

一些CSS定义虚线实例代码
收藏 0 赞 0 分享

动态CSS站点教程:多个页面样式提供浏览者选择

动态CSS站点教程:多个页面样式提供浏览者选择
收藏 0 赞 0 分享

鲜为人知的CSS技巧10则

鲜为人知的CSS技巧10则
收藏 0 赞 0 分享

快速制作CSS导航菜单教

快速制作CSS导航菜单教
收藏 0 赞 0 分享

给图片在博客中添加滤镜效果

给图片在博客中添加滤镜效果
收藏 0 赞 0 分享

DIV+CSS网页制作布局技巧学习

DIV+CSS网页制作布局技巧学习
收藏 0 赞 0 分享

详谈 CSS样式表使用:链接/嵌入

详谈 CSS样式表使用:链接/嵌入
收藏 0 赞 0 分享

表格隔行换色 css expression

表格隔行换色 css expression
收藏 0 赞 0 分享
查看更多