CSS基础：菜单栏和电商物品选择功能的实现

BestKagome

已于 2023-05-30 17:50:20 修改

阅读量88

点赞数

分类专栏： CSS 文章标签： html css

于 2022-07-04 14:03:49 首次发布

本文链接：https://blog.csdn.net/Alley_Olive/article/details/125598843

版权

这篇博客详细介绍了如何使用CSS技术来创建功能性的菜单栏以及实现电商网站中的商品选择功能，包括样式设计和交互效果，对于前端开发者来说是一份实用的教程。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS基础：菜单栏和电商物品选择功能的实现</title>
    <style>
        ul{
            list-style: none;   /*list-style-type: style none;*/
        }
        li{
           float: left;
           margin-left: 30px;
           font-size: 40px;
           color: deepskyblue;
           cursor: pointer;
        }
        li:hover{
            color: deeppink;
        }
        img{
            width: 220px;
            height: 260px;
            border:1px solid #eee;
        }
        strong{
            color: crimson;
        }
        li.shoppingMall{
            font-size: 25px;
            padding: 10px;
            marg