文章分类 -  css

摘要:CSS3 3D旋转立方体 1 2 3 4 5 6 7 8 9 10 11 12 CSS3 3D旋转立方体 1 2 3 4 5 6 7 8 9 10 11 12 阅读全文
posted @ 2013-12-21 09:59 c-Sharp 阅读(379) 评论(0) 推荐(0)
摘要:代码:-------------------- "; ";css:---------------.checkboxs input:checked + label { background-color: #3CF; color:#000; }.checkboxs input:checked + label:before { /*checkbox选中右边的*/ content:attr(date-on); margin-left:0em;}.checkboxs input:checked + label:after {/*checkbox选中左边的白色框框*/ m... 阅读全文
posted @ 2013-12-21 09:57 c-Sharp 阅读(335) 评论(0) 推荐(0)
摘要:max-width:201px; max-height:136px;widthexpression(this.width 201 && this.width this.height '201' auto);height expression(this.height 136 '136' auto); 阅读全文
posted @ 2013-12-21 09:56 c-Sharp 阅读(163) 评论(0) 推荐(0)
摘要:纯CSS画图 来源: IT青藤屋发布时间:2012-10-29 今天在css-tricks上看到一篇文章,那篇文章让我不禁心头一震,强大的CSS啊,居然能画出这么多基本的图形。图形包括基本的矩形、圆形、椭圆、三角形、多边形,也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性,所以在你打开这篇文章的时候,我希望你用的是firefox或者chrome,当然IE也能看一部分的。那好,下面就一起来看看我们是如何用纯CSS来画这些图形的,如果你也觉得很震撼,推荐给你的朋友吧。注释:/*:after(在…以后... 阅读全文
posted @ 2013-12-21 09:55 c-Sharp 阅读(832) 评论(0) 推荐(0)
摘要:/*IE下除去多余的边距 */ .button{ overflow: visible; } /* Firefox下去除焦点虚线框 */ .button::-moz-focus-inner{ border: 0; padding: 0; } /*实现图片按钮*/ .button { font: 0/0 a; color: transparent; } 阅读全文
posted @ 2013-12-21 09:54 c-Sharp 阅读(88) 评论(0) 推荐(0)