2022年10月13日
CSS——下拉菜单
摘要： 1. 下拉菜单通常使用在鼠标过程中，当鼠标悬停是出现一个下拉的菜单。 2. 使用任何元素打开下拉菜单内容，例如<span>或<button>元素 3. 使用容器元素<如div>创建下拉内容，并在其中添加任何内容。 常见下拉菜单 <!DOCTYPE html> <html> <head> <style 阅读全文
posted @ 2022-10-13 17:04 新兵蛋Z 阅读(1440) 评论(0) 推荐(0)
CSS——导航栏
摘要： 1. 垂直导航栏 常见导航栏 <!DOCTYPE html> <html> <head> <style> ul { list-style-type: none; margin: 0; padding: 0; width: 200px; background-color: #f1f1f1; } li 阅读全文
posted @ 2022-10-13 14:46 新兵蛋Z 阅读(208) 评论(0) 推荐(0)
CSS——常用模块
摘要： ● CSS——导航栏 ● CSS——下拉菜单 阅读全文
posted @ 2022-10-13 14:36 新兵蛋Z 阅读(27) 评论(0) 推荐(0)
CSS——opacity（透明度）
摘要： 1. 设置图片或盒子的透明程度 2. 取值范围0.0-1.0，值越低，越透明。 3. 设置盒子透明度时，所有子元素都继承相同的透明度 4. 如果不希望设置子元素的透明程度，使用RGBA透明度即可。rgba(red, green, blue, alpha) img { opacity: 0.5; } 阅读全文
posted @ 2022-10-13 10:12 新兵蛋Z 阅读(545) 评论(0) 推荐(0)