HTML5+CSSday4综合案例二——banner效果

 bannerCSS展示图:

HTML5+CSSday4综合案例二——banner效果_第1张图片

 




  
  
  
  banner效果
  


  

 

效果展示图:

HTML5+CSSday4综合案例二——banner效果_第2张图片 

 tips:

        1.在写CSS样式尽量不直接用标签选择器,可能导致样式冲突,明确继承关系不容易出          错.banner h2{}        

        2. 此题要使用display: inline-block;

      /* 转块级无法右对齐,因为块元素独占一行 */

      /* display: block; 不正确*/

你可能感兴趣的:(html5,前端,html)