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

最新推荐文章于 2023-12-15 09:46:04 发布

〆启

最新推荐文章于 2023-12-15 09:46:04 发布

阅读量314

点赞数 2

分类专栏： css HTML 文章标签： css html 前端 java

本文链接：https://blog.csdn.net/m0_70516782/article/details/125684484

版权

本文介绍如何利用CSS和HTML制作小米商城网页，重点讲解了input、button、focus等元素，以及float、display、margin等样式属性。同时，提到了:hover和border等效果的实现，并探讨了line-height和padding的应用。此外，文章还涉及了文本阴影效果的设置。为了实现轮播图功能，推荐引入外部的swiper插件，并提供了相应的链接。

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

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

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

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

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

代码：

            <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>