码迷,mamicode.com
首页 > Web开发 > 详细

CSS问题集锦

时间:2015-01-21 01:10:11      阅读:285      评论:0      收藏:0      [点我收藏+]

标签:

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 }

效果如下:

H1

H2

H3

H4

 

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)
}
View Code

需要说明的是:border-radius和box-shadow是CSS3的属性,只有IE9以上才支持。

box-shadow

border-radius

CSS问题集锦

标签:

原文地址:http://www.cnblogs.com/LeonTsui/p/4236067.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!