html 手机列表样式,HTML5 手机内容样式

最新推荐文章于 2022-08-03 19:14:59 发布

Rome Cao

最新推荐文章于 2022-08-03 19:14:59 发布

阅读量858

点赞数

文章标签： html 手机列表样式

手机内容样式

body{ margin:0; padding:50px 0 0 0; font:normal 12px/20px '微软雅黑'; text-align:center; background:#f7f7f7; color:#5b5b5b}

p, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form,div,input { margin:0; padding:0; list-style:none;-webkit-text-size-adjust:none;}

.maintext { text-align:left; font:normal 15px/22px '微软雅黑'; color:#444;border-left: 1px solid rgba(119, 109, 12, 0.2);margin: 15px auto 0; width:300px;}

.maintext p{ color:#444;padding-left: 20px; margin:15px auto;}

.maintext p.wzswt { line-height: 18px; text-align: center;}

.maintext p.wzswt img { margin: -5px 0 0 0; padding: 0;}

.maintext p.wzswt a{color: #0066cc;}

.maintext h3{color: #222;font-size: 16px;line-height: 22px;padding-left: 20px;position: relative; margin:15px 0;}

.maintext h3 a{ float:right; margin-right:15px; color:#222;}

.maintext h3 div{background: #91d488 none repeat scroll 0 0;border-radius: 10px;display: block;height: 20px;left: -11px;position: absolute;top: 0;width: 20px;}

.maintext h3 div span {background: #34ab23 none repeat scroll 0 0;border: 3px solid #fff;border-radius: 8px;display: block;height: 10px;margin: 2px auto 0;width: 10px;}

.maintext img{ max-width:260px; margin:auto;}

.curdh{}

.curdh .prenext{ color:#000;}

.curdh .prenext a{ color:#06c; font-weight:bold;}