文本修饰
值描述none默认，定义标准的文本underline定义文本下的一条线。下划线也是我们链接自带的overline定义文本上的一条线line-through定义穿过文本的一条线（删除线） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>导航栏</title> <style> body { background-color: #000; } a { width: 200px; height: 50px; background-color: #000; display: inline-block;/* 把a行内元素转为行内块级元素 */ text-align: center; /* 文字居中 */ line-height: 50px; /* 设定行高等于盒子的高度 可以是文字垂直居中 */ color: #fff; font-size: 22px; text-decoration: none; /* 取消下划线 文本装饰 */ } a:hover { /* 鼠标经过 显示背景图片 */ background: url(images/h.png) no-repeat; } </style> </head> <body> <a href="#">专区说明</a> <a href="#">申请资格</a> <a href="#">兑换奖励</a> <a href="#">下载游戏</a> </body> </html>