css、HTML制作小米商城网页（三）

input:（输入） button（按钮） :focus（选取获得焦点）

 float:（浮动）display: block;（显示块元素）display: none;（隐藏块元素）margin（外边距）

 :hover（悬浮变色）border（边框） line-height:（行高） padding（内边距）border-style（边框样式）

text-shadow: 1px 1px 1px  red(红);       阴影效果
                 可选值: 水平效果(必填)，垂直效果(必填)，模糊半径(选填)，颜色(选填)

 

<!-- 引入轮播图插件 -->

    <link rel="stylesheet" href="../js/swiper-master 2/package/swiper-bundle.min.css">

    <script src="../js/swiper-master 2/package/swiper-bundle.min.js"></script>

代码： 

            <menu class="zt">
                <div class="clxk">
                    <div class="clxx swbj">
                        <a href="">手机</a><span class="dy">&gt;</span>
                        <div class="sjll">
                            <ul class="clk">
                                <li class="cl margin_left"><img src="./img/侧拉框图片.PNG" alt=""><a href="#">Note 11T Pro+</a></li>
                                <li class="cl"><img src="./img/侧拉框图片.PNG" alt=""><a href="#">Note 11T Pro+</a></li>