标签:
1. 如何选择指定div下的所有的H1、H2...标题?
如div的Id为:cnblogs_post_body
我原来定义的CSS是:
1 #cnblogs_post_body H1 H2 H3 H4 2 { 3 color:#FFFFFF; 4 background-color: #556b2f; 5 }
结果没有达到预期的效果。
后来将CSS定义为:
1 #cnblogs_post_body H1, #cnblogs_post_body H2,#cnblogs_post_body H3,#cnblogs_post_body H4 2 { 3 color:#FFFFFF; 4 background-color: #556b2f; 5 }
效果如下:
2. 如何编写CSS,得到下面的效果(圆角矩形):
需求:文字的背景为蓝色;且为圆角矩形;同时要求矩形要有阴影。
CSS代码如下:
#radiusRectangle { width:auto; height:30px; border-radius:5px; background-color:#049FF1; margin:10px 0; padding:6px 20px; box-shadow: 2px 2px 6px 1px rgba(10, 10, 0, 0.5) }
需要说明的是:border-radius和box-shadow是CSS3的属性,只有IE9以上才支持。
标签:
原文地址:http://www.cnblogs.com/LeonTsui/p/4236067.html