效果图
图1
图2
浮动显示信息、导航栏
HTML
2023年9月14日
导航
- 首页
- 美食
- 旅行
- 健身
- 学习
美食分类
- 糖醋里脊
- 地三鲜
- 皮蛋豆腐
CSS
ul.uc1{
/* background-color: antiquewhite; */
margin: 30px;
list-style: none;
overflow: hidden;
}
ul.uc1 > li{
width: 200px;
height: 30px;
background-color: aqua;
float: left;
line-height: 30px;
text-align: center;
}
ul.uc1 > li.uc11{
color: white;
background-color: blue;
}
ul.uc1 > li:hover{
color: white;
background-color: blue;
/* 将鼠标的样式改为小手 */
cursor: pointer;
}
*{
margin: 0;
padding: 0;
}
span.sc{
background-color: blue;
color: white;
p服务器托管网osition: relative;
padding: 10px;
border-radius: 6px;
margin: 20px;
font-size: 18px;
}
span.sc:hover > ul{
display: 服务器托管网block;
}
span.sc > ul{
display: none;
list-style: none;
max-width: 200px;
min-width: 100px;
background-color: black;
color: white;
position: absolute;
left: 30px;
top: 40px;
border-radius: 10px;
padding: 10px;
font-family: '楷体';
font-size: 16px;
}
仅供学习,参考使用,可一起交流,前进!前进!前进!
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net
机房租用,北京机房租用,IDC机房托管, http://www.fwqtg.net
前言 在C语言中,枚举是一种方便组织和表示一组相关常量的工具。枚举类型有助于提高代码的可读性和可维护性。本文将介绍C语言枚举的基本概念、语法和用法,以及一些高级技巧。 一、人物简介 第一位闪亮登场,有请今后会一直教我们C语言的老师 —— 自在。 第二位上场的是…