话不多说。直接上代码。
HTML 代码:
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>测试一下</title>
<link type="text/css" rel="stylesheet" href="whoops.css">
</head>
<body>
<div id="home">
<div id="main">
<div id="mainContent">
<div class="forFlow">
<div id="post_detail">
<div id="topics">
<div class="post">
<h1 class="postTitle">
<a id="cb_post_title_url" class="postTitle2" href="http://www.cnblogs.com/942267027wzmblog/p/5787588.html">试试就试试,你给我等着</a>
</h1>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
CSS代码:
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
a {
outline: none;
color: #21759b;
}
a:link {
color: black;
margin-left: 10px;
text-decoration: none;
}
a:visited {
color: black;
text-decoration: none;
}
a:hover {
color: #21759b;
}
a:active {
color: black;
text-decoration: none;
}
.postTitle {
border-left: 3px solid #21759b;
margin-bottom: 10px;
font-size: 20px;
float: right;
width: 100%;
clear: both;
}
.postTitle a:link, .postTitle a:visited, .postTitle a:active {
color: #21759b;
transition: all 0.4s linear 0s;
}
.postTitle a:hover {
margin-left: 30px;
color: #0f3647;
text-decoration: none;
}