求助：用CSS做有個新聞內(nèi)容的樣式表

分太少 真不值得浪費時間

10余年的雙河網(wǎng)站建設(shè)經(jīng)驗，針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時及時工作處理。網(wǎng)絡(luò)營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動調(diào)整雙河建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計，從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)從事“雙河網(wǎng)站設(shè)計”,“雙河網(wǎng)站推廣”以來，每個客戶項目都認真落實執(zhí)行。

td,br,input,select{font-family:ms shell dlg; font-size:9pt; line-height:150%}

p{font-size:14px;line-height:160%}

A:visited {color:#000000; text-decoration:none}

a:hover {color: #0033cc; text-decoration:underline}

a:link { color: #000000; text-decoration:none}

.white {color:#fff; font-size:14px;font-weight:bold; line-height:150%}

.black {color:#000; font-size:14px;font-weight:bold; line-height:150%}

.blue2:visited {color:#C1E0FF; text-decoration:none; font-size:14px;}

.blue2:hover {color: #ffffff; text-decoration:underline; font-size:14px;}

.blue2:link { color: #C1E0FF; text-decoration:none; font-size:14px;}

a.awhite{color:fff}

A.awhite:visited {color:fff; text-decoration:none; }

a.awhite:hover {color: #ccffff; text-decoration:underline; }

a.awhite:link { color: #fff; text-decoration:none;}

.link:visited {color:#ffffff; text-decoration:none; font-size:14px; font-weight:bold;}

.link:hover {color: #ffffff; text-decoration:underline; font-size:14px; font-weight:bold;}

.link:link {color: #ffffff; text-decoration:none; font-size:14px; font-weight:bold;}

.curpostitle:visited {color:#000000; text-decoration:none; font-size:14px; font-weight:bold;}

.curpostitle:hover {color: #ff6600; text-decoration:underline; font-size:14px; font-weight:bold;}

.curpostitle:link {color: #000000; text-decoration:none; font-size:14px; font-weight:bold;}

.tulink:visited {color:#ffffff; text-decoration:none; font-size:14px;}

.tulink:hover {color: #ffffff; text-decoration:underline; font-size:14px;}

.tulink:link { color: #ffffff; text-decoration:none; font-size:14px;}

.blank:visited {color:#000000; text-decoration:none;font-weight:bold;}

.blank:hover {color: #ffffff; text-decoration:none;font-weight:bold;}

.blank:link { color: #000000; text-decoration:none;font-weight:bold;}

.news:visited {color:#000000; text-decoration:none; font-size:14px;}

.news:hover {color: #666666; text-decoration:underline; font-size:14px;}

.news:link { color: #000000; text-decoration:none; font-size:14px;}

.blue:visited {color:#003366; text-decoration:none;font-weight:bold;}

.blue:hover {color: #CC3300; text-decoration:none;font-weight:bold;}

.blue:link { color: #003366; text-decoration:none;font-weight:bold;}

.bigblue{color:#013f88;font-size:14px;font-weight:bold;}

.wipt {WIDTH: 162px}

.tuwhite{color:#ffffff;font-size:12px;font-weight:bold;}

.ArticleTitle{font-size:18px;color:#013f88;font-weight:bold;}

.ArticleContent{font-size:14px;line-height:180%}}

.ListNewClass{background-image:url('../cfs_images/dot.gif');height:18}

.ListColumnClass{background-image:url('../cfs_images/dot.gif');height:18}

.ListRecClass{background-image:url('../cfs_images/dot.gif');height:18}

.TitleClass{font-family:ms shell dlg; font-size:9pt; line-height:150%}

.TitleClass2:visited {color:D8EDFB; text-decoration:none;font-family:ms shell dlg; font-size:9pt; line-height:150%}

.TitleClass2:hover {color: #ccffff; text-decoration:underline; font-family:ms shell dlg; font-size:9pt; line-height:150%}

.TitleClass2:link { color: #D8EDFB; text-decoration:none;font-family:ms shell dlg; font-size:9pt; line-height:150%}

請問這種樣式用CSS怎么寫，新聞是用h2樣式寫的，右邊的更多怎么做出來啊，怎么做他都是在h2下面啊。急急急

h2是一個層標簽，所以他的寬是100%，所以寫在后面的元素會另起一行。要做到并排，就要限制h2的寬。

div

h2 style=“width:100px”新聞/h2/span

span style="float:right"a href="#"更多/a/span

/div

css中 如何把新聞這一行變成綠色? 為什么添加active {background-color:#afc; }之后

方法一、把.active加到li標簽

li.active{background-color:#afc;}

方法二、把a標簽設(shè)置屬性display;

a{display:block;width:100%;}

如何設(shè)置CSS樣式使網(wǎng)頁中過長的新聞標題后面以省略號顯示

前提是要固定寬度，如下

li style="width:50px;?overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"如何設(shè)置CSS樣式使網(wǎng)頁中過長的新聞標題后面以省略號顯示/li

而在樣式中加上?overflow:hidden;white-space:nowrap;text-overflow:ellipsis; 這段代碼的意思是超出50px的長度后，后面以省略號顯示。

當(dāng)前標題：css新聞樣式,css新聞模板
網(wǎng)站鏈接：http://jinyejixie.com/article20/dssisjo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、網(wǎng)站設(shè)計公司、用戶體驗、軟件開發(fā)、虛擬主機、微信公眾號

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)