为什么text-decoration不起作用

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

   <title>读书网站</title>

    <style type="text/css">

        * {

            margin: 0;

            padding: 0;

            font-size: 12px;

        }

        .wrap {

            width: 770px;

            margin: 0 auto;

        }

        .header  {

            width: 762px;

            border: 4px solid #badbdb;

            background:url(../images/images/banner.gif) no-repeat;height:92px;

            text-align:right;

        }

        a {

            text-decoration-line: none;

        }

    </style>

</head>

<body>

<div class="wrap">

<div class="header">

<a href="#">联系我们</a>

 |

<a href="#">地图站点</a>

</div>

</div>

</body>

</html>

http://img.mukewang.com/569fae310001e1fa07900112.jpg

不知道问题出在哪里



幻灭丶
浏览 9441回答 9
9回答

zzq3963

text-decoration: none; 这样就可以了

墨_玉

text-decoration-line是错误的

神君大人

  text-decoration-line: none;把里边的-line去掉就好了!

echo_kinchao

规范没写对呢

李晓健

text-decoration: none;不加line呢?

就酱ba

text-decoration-line: none;这个不起作用

心很空_天很蓝

语法:text-decoration-line:none | [ underline || overline || line-through || blink ]默认值:none适用于:所有元素继承性:无动画性:否计算值:指定的值取值:none:指定文字无装饰underline:指定文字的装饰是下划线overline:指定文字的装饰是上划线line-through:指定文字的装饰是贯穿线blink:指定文字的装饰是闪烁。

心很空_天很蓝

text-decoration-line: none;
打开App,查看更多内容
随时随地看视频慕课网APP