.newsInfo {
color: #666666;
text-align: center;
border-bottom: 1px dotted #666666;
}
.newsContent {
font-size: 14px;
text-indent: 2em;
line-height: 25px;
padding: 20px;
}
.newsContent img {
display: block;
margin: 10px auto;
}
.titleBold {
font-weight: bold;
margin: 10px 0;
}
color: #666666;
text-align: center;
border-bottom: 1px dotted #666666;
}
.newsContent {
font-size: 14px;
text-indent: 2em;
line-height: 25px;
padding: 20px;
}
.newsContent img {
display: block;
margin: 10px auto;
}
.titleBold {
font-weight: bold;
margin: 10px 0;
}
<p>父親這個角色，一直給人的印象都是不善言辭、默默守護。為了你和這個家付出了很多很多。也許從前的你太過年少，說不出對父親的肉麻感謝，也許現在的你，已為人父母，能切身體會得到父愛的偉大。那么，正值父親節來臨之際，對于深愛你的父親，請勇敢的表達出你對他的愛吧</p><p><strong>活動題目：</strong><u>給父親的三行書信</u></p>
2017-05-10
<p><strong>活動時間：</strong>6月6日&mdash;&mdash;6月16日（17號公布獲獎名單）</p><p align="center"><img src="images/news1.jpg" width="500" height="336" alt="活動內容、" /></p><p><strong>活動內容：</strong>活動內容結合時下流行的&ldquo;三行體&rdquo;來給父親表示感謝之情。具體內容不限，可以是詩歌、散文、代碼等等，只要你能出其不意、真實的表達自己對父親的感情即可參與其中。具體的回復形式參考示例！</p>
2017-05-10
<p>&nbsp;</p><p><strong>示例格式參考如下：</strong></p><p>爹地，</p><p>兒在外多日，</p> <p>請匯錢！</p><p>&nbsp;</p><p><strong>獎勵：</strong>父親專屬（郵寄給父親的獎品）</p><p><strong>獲獎名額：</strong>8名</p><p><strong>抽獎規則：</strong></p><p>最逗比獎：4名（zobo水煙壺）</p><p>最煽情獎：4名（奔騰剃須刀）</p><p>（注：不可明搬示例內容，否則視為無效回復）</p>
2017-05-10
<p align="center"><img src="images/news2.jpg" width="500" height="452" alt="獎品展示" /></p><p><strong>活動規則：</strong></p>
<p>1.凡慕課網登錄用戶均可參加</p><p>2.小伙伴提交格式須嚴格按照活動要求，任何違反版規的帖子都將按版規相關規定處理</p><p>3.小伙伴們提交的內容不得違反相關道德、法律規定</p>
<p>4.一個ID僅有一次中獎機會，不可重復中獎</p><p>5.所有文字類書寫錯誤的問題不計入有效的活動回帖范圍</p><p>（注：最終解釋權歸慕課網所有）</p>
<p>1.凡慕課網登錄用戶均可參加</p><p>2.小伙伴提交格式須嚴格按照活動要求，任何違反版規的帖子都將按版規相關規定處理</p><p>3.小伙伴們提交的內容不得違反相關道德、法律規定</p>
<p>4.一個ID僅有一次中獎機會，不可重復中獎</p><p>5.所有文字類書寫錯誤的問題不計入有效的活動回帖范圍</p><p>（注：最終解釋權歸慕課網所有）</p>
2017-05-10
a {
font-family: "微軟雅黑";
font-size: 14px;
text-decoration: none;
border: 1px solid #e8e8e8;
margin: 3px;
padding: 3px 10px;
display: inline-block;
}
a:link,a:visited {
color: #000;
}
a:hover,a:active{
background-color: #c00;
}
.
.
.
<a href="#" style="background-color: #c00;">1</a>
font-family: "微軟雅黑";
font-size: 14px;
text-decoration: none;
border: 1px solid #e8e8e8;
margin: 3px;
padding: 3px 10px;
display: inline-block;
}
a:link,a:visited {
color: #000;
}
a:hover,a:active{
background-color: #c00;
}
.
.
.
<a href="#" style="background-color: #c00;">1</a>
<ul>
<li>首頁</li>
<li>
課程中心
<ul>
<li>
Web前端
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
</ul>
</li>
<li>Android開發</li>
<li>PHP開發</li>
</ul>
</li>
</ul>
<li>首頁</li>
<li>
課程中心
<ul>
<li>
Web前端
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
</ul>
</li>
<li>Android開發</li>
<li>PHP開發</li>
</ul>
</li>
</ul>
li{
list-style-type:none;
float:left;
width:50px;
height:30px;
text-align:center;
font-size :15px;
line-height:30px;
}
li:hover{
color:#fff;
background:red;
}
list-style-type:none;
float:left;
width:50px;
height:30px;
text-align:center;
font-size :15px;
line-height:30px;
}
li:hover{
color:#fff;
background:red;
}
em{
display:block;
width:20px;
text-align:center;
height:16px;
line-height:16px;
font-size:12px;
font-style:normal;
background:url( "http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg") no-repeat;
background-position:bottom;
color:#333;
float:left;
}
.top em{
background-position:top;
color:#fff;
}
display:block;
width:20px;
text-align:center;
height:16px;
line-height:16px;
font-size:12px;
font-style:normal;
background:url( "http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg") no-repeat;
background-position:bottom;
color:#333;
float:left;
}
.top em{
background-position:top;
color:#fff;
}
*{
margin: 0;
padding: 0;
}
.topList{
width:300px;
height:180px;
border:1px solid #e8e8e8;
font-size:12.5px;
margin:10px auto;
}
li{
list-style-type:none;
margin:12px auto;
padding-left:5px;
}
a:link,a:visited{
color: #6C6C6C;
text-decoration: none;
}
a:hover,a:active{
color:#09f;
}
margin: 0;
padding: 0;
}
.topList{
width:300px;
height:180px;
border:1px solid #e8e8e8;
font-size:12.5px;
margin:10px auto;
}
li{
list-style-type:none;
margin:12px auto;
padding-left:5px;
}
a:link,a:visited{
color: #6C6C6C;
text-decoration: none;
}
a:hover,a:active{
color:#09f;
}
.newsBox{
min-height:300px;
}
.bold{
font-weight:bold;
}
.newsContent p{
line-height:25px;
text-indent:2em;
}
.newsInfo{
color:#666;
border-bottom:1px dotted #ccc;
}
.newsBox h1,.newsInfo{
text-align:center;
}
.newsBox p img{
margin:0 auto;
display:block;
}
min-height:300px;
}
.bold{
font-weight:bold;
}
.newsContent p{
line-height:25px;
text-indent:2em;
}
.newsInfo{
color:#666;
border-bottom:1px dotted #ccc;
}
.newsBox h1,.newsInfo{
text-align:center;
}
.newsBox p img{
margin:0 auto;
display:block;
}