CSS问题集锦

浏览数：25 / 时间：2015年06月09日

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

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style 代码 com log src 问题 http it class style 代码 com log src 问题 http it

相关文章

随机文章

您可能还喜欢

您可能还喜欢