CSS水平导航栏
CSS 导航 水平
2023-09-11 14:17:15 时间
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" content="This is a meta data" name="dengyexun"> 5 <title>Title</title> 6 <link rel="stylesheet" type="text/css" href="home.html"> 7 <style> 8 ul{ 9 list-style-type: none; 10 margin: 10px; 11 padding: 0px; 12 } 13 a:link, a:visited{ 14 {# display: block;#} 15 font-weight: bold; 16 color: white; 17 background-color: #98bf21; 18 text-align: center; 19 width: 120px; 20 padding: 10px; 21 text-transform: uppercase; 22 } 23 a:hover, a:active{ 24 background-color: orangered; 25 } 26 li{ 27 display: inline; 28 } 29 </style> 30 </head> 31 <body> 32 <ul> 33 <li><a href="home.html">Home</a></li> 34 <li><a href="home.html">News</a></li> 35 <li><a href="home.html">Contact</a></li> 36 <li><a href="home.html">About</a></li> 37 </ul> 38 39 </body> 40 </html>
显示结果
相关文章
- 纯css模拟电子钟
- 常用的CSS缩写语法一些方法小结
- 在CSS中定义【导航栏】超链接样式
- [css]演示:纯CSS实现的右侧底部简洁悬浮效果
- CSS 规范
- [CSS] Purgecss to remove unused css
- [CSS Flex] Justify-content
- css 内联元素inline 行框全解
- 在CSS中定义【导航栏】超链接样式
- Atitit.html css 浏览器原理理论概论导论attilax总结
- Atitit.css 规范 bem 项目中 CSS 的组织和管理
- 特殊日期将网站变成灰色-css滤镜(整理)
- css层叠导航栏
- HTML border CSS输出三角形
- 【CSS】浮动 ⑤ ( 浮动布局案例 - 导航栏模块 | 核心要点说明 | 网页默认样式 | 盒子模型居中显示 | 设置渐变背景 | 设置列表浮动 | 设置文本水平垂直居中 | 设置链接文本样式 )
- CSS_使用css布局
- 【CSS】表格、定位_普通流定位与浮动定位、其他css常用属性_05
- 【CSS】css弹性布局、CSS hack_08