排版用到ul,li标签，下划线运用border-bottom中的dashed，右边文字用到CSS浮动float。
实例：
代码：
无标题文档 body,div,a,span,ul,li{margin:0px;padding:0px;}body{ background-color:#cccccc; }div{ background-color:#FFFFFF; }ul,li{list-style:none;}a:link,a:visited{color:#0066CC;text-decoration:none;}.red{color:red}.green{color:green}h4{ color:#333; }.kaiban{ width:295px; margin:100px auto; font-family:"Microsoft Yahei"; font-size:14px; }.kaiban .title{ height:35px; line-height:35px; padding-left:35px; color:#fff; backgroudn-repeat:no-repeat; background-image:url(righttitle.gif); }.conten h4{ margin:5px; }.conten{ margin:0px; padding:10px; }.conten li{ height:23px; line-height:23px; color:#333; font-size:12px; border-bottom:1px dashed #cccccc; }.conten li span{ font-weight:bold; float:right; }
PHP培训开班信息
查看更多关于CSS实例练习_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did107665