首页 / CSS / CSS问题集锦

CSS问题集锦

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了CSS问题集锦，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含725字，纯文字阅读大概需要2分钟。

内容图文

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

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

内容总结

以上是互联网集市为您收集整理的CSS问题集锦全部内容，希望文章能够帮你解决CSS问题集锦所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1274478.html

来源：【匿名】