腾讯课堂——IMWeb训练营： Day4 作业

腾讯课堂 —— IMWeb训练营：Day4 作业

要求：制作一张类似于三国杀的卡片，主要考察CSS中position、z-index等的理解和运用。

效果图：

代码：

   
       
       
       
   
   
       

  
           

  
               
               
           

             
             
       

 
   

总结：

         完成这个练习用了一个上午的时间，通过练习基本掌握了绝对定位、相对定位的区别和使用方法。由于素材难找，考虑到作品的美观，中间删去了一些颜色不搭的元素，如左下角和右上角的勾玉等等。

         最终的成品有些简陋，使用的CSS技巧也不是很多。下次争取搞个复杂的。