以下代码利用box模型实现，只适用于Chrome和Safari浏览器：
<style>body {background-color:#000}
ul {margin:0 padding:0 width:480px}
li {display:-webkit-box -webkit-box-orient:horizontal height:24px margin:0 padding:0}
li .box1 {height:24px line-height:24px color:#aaa margin-right:4px}
li .box2 {-webkit-box-flex:1 height:16px margin-top:4px border-bottom:1px dotted #aaa}
li .box3 {width:80px height:24px line-height:24px color:#a00 margin-left:4px}
</style>
<ul>
<li>
<div class=box1>> 部分试日</div>
<div class=box2></div>
<div class=box3>￥25.60</div>
</li>
<li>
<div class=box1>> 特突然特</div>
<div class=box2></div>
<div class=box3>￥17.10</div>
</li>
<li>
<div class=box1>> 点范围为热舞</div>
<div class=box2></div>
<div class=box3>￥91.00</div>
</li>
</ul>
希望采纳首先把房间变成VIP房（重中之重，普通房无效,VIP时间到了以后房名颜色不会恢复默认.)房间名改色公式如下:
^ + CSS颜色代码 ＋ 房间名字
举例说明,假设房名是"热舞派对",那么..（但现在只能打一个字了）
红色房名公式就是： ^ff0000热舞派对
黑色房名： ^000000热舞派对
橙色房名： ^FF8C00热舞派对
粉色房名： ^FF3E96热舞派对
淡紫房名： ^AB82FF热舞派对
淡蓝房名： ^AFEEEE热舞派对
诸如此类，等等等等……房间名字颜色由颜色代码来决定.
经测试，由于房间名字符长度有限,改名时最多可容纳下2个颜色代码,也就是说一个房间名可以有2种颜色.例如， ^FFFF00热舞^00FA9A派对 ， 那这个公式打出来的房间名字，热舞2个字就是柠檬黄色的,派对2个字就是青色的.
注: ^+CSS 颜色代码后面不用加空格, 有些朋友的代码在后面加空格是因为系统默认的颜色代码是6位的(如红色代码是: ff0000,参考上述我举的例子).也就是说某些朋友的代码,如果不加空格,那系统就会把代码后面的房间名字中的几个字默认成代码来凑够6位,这也就是为什么有些朋友用不完整代码时（不完整的简略代码如：红色是 ^f，黑色是^0 ),输入的空格不够或者不加空格，导致想要的房间名不完整或者部分字不显示的原因了.
最后附上CSS颜色代码表,希望大家可以在这里找到自己喜欢的颜色
CSS颜色表参考地址:http://blog.tuniu.com/hsym2006/entry/705
