CSS問題集錦

標籤：

1. 如何選擇指定div下的所有的H1、H2...標題？

 如div的Id為:cnblogs_post_body

 我原來定義的CSS是：

1 #cnblogs_post_body H1 H2 H3 H42 {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 H42 {3  color:#FFFFFF;4  background-color: #556b2f;5 }

效果如下：

H1H2H3H4

 

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問題集錦