css实现简单导航栏
作者:互联网
1知识点
2.效果图
3.代码实现
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> a { width:100px; height: 30px; background-color: pink; display: inline-block; text-decoration: none; text-align: center; color:#fff; font-weight: bold; line-height: 30px; } a:hover { background-color: orange; color:yellow; } </style> </head> <body> <a href="#">新闻</a> <a href="">体育</a> <a href="">汽车</a> <a href="#">好用</a> </body> </html>
标签:知识点,color,text,height,background,简单,导航,30px,css 来源: https://www.cnblogs.com/zh718594493/p/15526533.html