CSS - 随笔分类 - cfd406635982

CSS实现圆角

摘要：Get the Code: CSS<style type="text/css">.spiffy{display:block}.spiffy *{ display:block; height:1px; overflow:hidden; font-size:.01em; background:#EC34E6}.spiffy1{ margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #ac937f; border-right:1px s 阅读全文

posted @ 2012-05-16 15:08 cfd406635982 阅读(184) 评论(0) 推荐(0)

CSS+DIV 图片垂直居中

摘要：1.<div style="display:table;width: 100%;height: 100%; "><div style="display:table-cell;vertical-align: middle;"><img src="images/menu_bar.png" /></div></div>要让DIV中的图片垂直居中，在标准的浏览器中让给父亲容器设置display:table;而子元素设置display:table-cell;这样就可以垂直居中了，如上阅读全文

posted @ 2012-03-28 23:17 cfd406635982 阅读(3772) 评论(0) 推荐(0)

CSS+DIV 浮动空隙问题

摘要：div浮动的时候会出现空隙问题，比如有三个DIV，前面两个分别浮动，这样第三个DIV 和第二个DIV之间就会出现3px的间隙，为了解决这个问题，这个问题是在IE中出现的。所以可以加上_margin-right:-3px;就可以了。阅读全文

posted @ 2012-03-25 15:27 cfd406635982 阅读(679) 评论(0) 推荐(0)

IE6、IE7、IE8和firefox（css hack）

摘要：不同浏览器解析CSS差距比较大。平时用CSS也是比较基础的。所以记下CSS hack：#tip{ background:blue;/*Firefox背景变蓝色*/ background:red\9;/*IE8背景变红色*/ *background:black;/*IE7背景变黑色*/ _background:orange;/*IE6背景变橘色*/ } 阅读全文

posted @ 2011-03-03 14:46 cfd406635982 阅读(349) 评论(0) 推荐(0)

随笔分类 - CSS