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的长度后，后面以省略号显示。
文章标题：css新闻样式,css新闻模板
分享链接：http://hbruida.cn/article/dssisjo.html
