CSS【电商商品展示效果】

前言

最近复习大一落下的基础：

JavaScript、css以及超级划水的JavaWeb（老师一句话讲完JDBC），不做笔记是忘得太快了！

大一html老师讲的挺好，就是没有细讲css和JavaScript。

---

案例效果

---

 关键代码

除去默认外边距

body,p,h3{
            margin: 0;
        }

除去默认标签下划线

标签覆盖整个盒子

覆盖整个盒子才能实现点击任意位置实现超链接跳转，需要注意的是需要将标签设置为块级元素，才不会因为其他标签的外边距引起的空白区域无法超链接跳转。

.product a{
            text-decoration: none;
            display: block;/* a标签需要设为块级元素 不设置块级展示 可通过border查看 有空区域出现*/
        }

其他没啥难度，看注释即可。

---

完整代码

    
    
    



    
    

    
让我康康
    

        

            
直播中
            
特惠
            
30天保价
            
售后免邮
        
        
圣诞恋歌
        
￥188