css新闻样式,css新闻模板

求助：用CSS做有个新闻内容的样式表

分太少 真不值得浪费时间

10余年的双河网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。网络营销推广的优势是能够根据用户设备显示端的尺寸不同，自动调整双河建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联从事“双河网站设计”,“双河网站推广”以来，每个客户项目都认真落实执行。

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标签设置属性display;

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

如何设置CSS样式使网页中过长的新闻标题后面以省略号显示

前提是要固定宽度，如下

li style="width:50px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"如何设置CSS样式使网页中过长的新闻标题后面以省略号显示/li

而在样式中加上 overflow:hidden;white-space:nowrap;text-overflow:ellipsis; 这段代码的意思是超出50px的长度后，后面以省略号显示。