CSS实验案例01QQ会员页面导航

Jatine

已于 2022-02-08 10:42:57 修改

阅读量1.8k

点赞数 2

分类专栏：前端实验案例文章标签： css css3 html

于 2022-02-07 16:58:26 首次发布

本文链接：https://blog.csdn.net/asdfghjkl_zth/article/details/122810724

版权

这篇博客详细记录了使用CSS和HTML设计QQ会员页面导航的过程，包括导航栏的初步编写、布局、按钮样式设定、悬停效果、边框删除及初步优化。通过学习定位和透明度，对导航栏进行了进一步的美化。

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

文章目录

- CSS实验案例01QQ会员页面导航

CSS实验案例01QQ会员页面导航

1初步编写导航栏内容（html文件）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>QQ会员</title>
    <link href="css/ctyle.css" rel="stylesheet"/>
</head>
<body>
<div class="wrap">
    <header class="nav-header">
        <div class="head-contain">
            <a href="" class="top-logo"><img src="img/qqvip.png" width="180"<