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

最新推荐文章于 2024-02-28 21:11:05 发布

VIP文章〆启

最新推荐文章于 2024-02-28 21:11:05 发布

阅读量1.6k

点赞数 1

分类专栏： css HTML 文章标签：大数据

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

版权

一、顶部导航栏

制作首页导航栏属性：

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

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

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

代码：

<!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">
    <link rel="stylesheet" href="./项目1.修改.css">
    <link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.min.css">
    <title>Document</title>
</head>
<body>
    <header id="Container">
        <div class="nav">
            <ul class="sub_nav">
                <li class="hover_white"><a href="#" class="zt _left">小米官网</a></li>
                <li class="sg">|</li>
                <li class="hover_white"><a href="#" class="zt">小米商城</a></li>
                <li class="sg">|</li>
                <li class="hover_white"><a href="#" class="zt">MIUI</a></li>
                <li class="sg">|</li>
                <li c

最低0.47元/天解锁文章

〆启

关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
css、HTML制作小米商城网页（一）

制作首页导航栏属性： float:（浮动）display: block;（显示块元素）display: none;（隐藏块元素）margin（外边距） :hover（悬浮变色）border（边框） line-height:（行高） padding（内边距）border-style（边框样式）text-shadow: 1px 1px 1px red(红); 阴影效果可选值: 水平效果(必填)，垂直效果(必填)，模糊半径(选填)，颜色(选填)代码：
复制链接

扫一扫