评价页面html,利用html与css制作5星好评页面

五星评价

@font-face {

font-family: 'iconfont';  /* project id 247957 */

src: url('//at.alicdn.com/t/font_wkv6intmx8cnxw29.eot');

src: url('//at.alicdn.com/t/font_wkv6intmx8cnxw29.eot?#iefix') format('embedded-opentype'),

url('//at.alicdn.com/t/font_wkv6intmx8cnxw29.woff') format('woff'),

url('//at.alicdn.com/t/font_wkv6intmx8cnxw29.ttf') format('truetype'),

url('//at.alicdn.com/t/font_wkv6intmx8cnxw29.svg#iconfont') format('svg');

}

.iconfont {

font-family:"iconfont" !important;

font-size:16px;

font-style:normal;

-webkit-font-smoothing: antialiased;

-webkit-text-stroke-width: 0.2px;

-moz-osx-font-smoothing: grayscale;

}

body{

font-family: "microsoft yahei";

}

ul,li{

list-style: none;

padding:0;

margin:0;

}

a{

text-decoration: none;

}

.clearfix:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

.order-evaluation {

width: 827px;

border: 2px solid #E84E40;

background: #fff;

z-index: 200;

margin:50px auto;

}

.order-evaluation{

padding:22px;

}

.order-evaluation h4{

font-size:18px;

color:#333333;

padding-bottom:20px;

border-bottom:1px dashed #dbdbdb;

}

.order-evaluation p{

font-size:14px;

color:#999;

line-height:45px;

margin-bottom:0;

}

.order-evaluation .order-evaluation-text{

font-size:16px;

color:#333;

line-height:40px;

width:809px;

padding-left:15px;

background:#f3f3f3;

margin-bottom:25px;

margin-top:20px;

}<