设置a标签的属性样式
标签定义超链接,用于从一张页面链接到另一张页面。
元素最重要的属性是 href 属性,它指示链接的目标。
在所有浏览器中,链接的默认外观是:
未被访问的链接带有下划线而且是蓝色的
已被访问的链接带有下划线而且是紫色的
活动链接带有下划线而且是红色的
PS:p标签不会继承父元素的color、text-disited等属性若想改变,需要单独设置
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
*{
margin:0;
padding: 0;
}
body{
background-color: #EEEEEE;
}
.content{
width: 410px;
height: 284px;
border: 1px solid #ccc;
margin:100px;
padding:14px;
}
.content > .title{
border-bottom: 1px solid #ccc;
font-size: 18px;
line-height:36px;
}
.content > ul >li {
list-style: none;
border-bottom: 1px dashed #ccc;
height: 38px;
line-height:38px;
padding-left: 30px;
font-size: 14px;
/*榧犳爣鏍峰紡涓哄皬鎵嬬殑鏍峰紡*/
cursor:pointer;
}
.content li:hover{
text-decoration: underline;
}
</style>
</head>
<body>
<div class="content">
<h3 class="title">最新文章/New Articles</h3>
<ul>
<li>css三个特性和盒子模型</li>
<li>css三个特性和盒子模型</li>
<li>css三个特性和盒子模型</li>
<li>css三个特性和盒子模型</li>
<li>css三个特性和盒子模型</li>
</ul>
</div>
</body>
</html>