0

如何在保持链接不变的同时使下面的文本变粗？

li
{
    list-style-type:none;
    font-size: 14px;
    line-height:28px;
    font-weight:thick 
}

a:link 
{
color:#3399CC; 
}

...

<div id="left_column" >
    <ul>
    <li><a href="a.html">Im happy as I am</a>&nbsp-&nbspI want to be less thick</li>
    <li><a href="b.html">Im also happy as I am</a>&nbsp-&nbspI also want to be less thick</li>
    </ul>    
</div>
4

2 回答 2

2

看起来您希望链接加粗，文本不那么粗（即不加粗）

看看下面的代码，除了我在你的标签中定义之外font-weight:normal;，<li>和你的一样。这是工作示例。font-weight:700;<a>

在你的代码中试试这个：

li
{
    list-style-type:none;
    font-size: 14px;
    line-height:28px;
    font-weight:normal; 
}

a:link 
{
font-weight: 700;
color:#3399CC;
}


<div id="left_column" >
    <ul>
    <li><a href="a.html">Im happy as I am</a>&nbsp-&nbspI want to be less thick</li>
    <li><a href="b.html">Im also happy as I am</a>&nbsp-&nbspI also want to be less thick</li>
    </ul>    
</div>
于 2012-10-08T20:20:08.250 回答
0

我认为这段代码可以回答您的查询。

<html>
<head>
<style>
body
{
    color:#3399CC;
    font-size: 10px;
}
li {
    list-style-type:none;
    font-size: 22px;
    line-height:28px;
    font-weight:thick 
}
ol>li>a{
    color:#3399CC; 
    font-size: 10px;
}

</style>
<body>
<div id="left_column" >
    <ol>
    <li><a href="a.html">Im happy as I am</a>&nbsp;&nbsp;I want to be less thick</li>
    <li><a href="b.html">Im also happy as I am</a>&nbsp;&nbsp;I also want to be less thick</li>
    </ol>    
    hree
</div>
</body>
</html>
于 2012-10-09T06:25:22.220 回答