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

分太少 真不值得浪費(fèi)時(shí)間

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

請(qǐng)問(wèn)這種樣式用CSS怎么寫，新聞是用h2樣式寫的，右邊的更多怎么做出來(lái)啊，怎么做他都是在h2下面啊。急急急

h2是一個(gè)層標(biāo)簽，所以他的寬是100%，所以寫在后面的元素會(huì)另起一行。要做到并排，就要限制h2的寬。

div

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

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

/div

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

方法一、把.active加到li標(biāo)簽

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

方法二、把a(bǔ)標(biāo)簽設(shè)置屬性display;

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

如何設(shè)置CSS樣式使網(wǎng)頁(yè)中過(guò)長(zhǎng)的新聞標(biāo)題后面以省略號(hào)顯示

前提是要固定寬度，如下

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

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

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

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

廣告

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