JQ实现老黄历/laohuangli

body * { font-family:"Consolas","Microsoft Yahei", Arial, sans-serif; } body { background: white; margin: 0; padding: 0; } .container { width: 320px; margin: 0 auto 50px; } .container>.title { color: #bbb; font-weight: bold; margin-bottom: 10px; background: #555; padding: 5px 15px; } .split, .clear { clear: both; height: 1px; overflow-y: hidden; } .good, .bad { clear: both; position: relative; } .bad { /*top: -1px;*/ } .good .title, .bad .title { float: left; width: 100px; font-weight: bold; text-align: center; font-size: 30pt; position:absolute; top:0; bottom:0; } .good .title>table, .bad .title>table { position:absolute; width:100%; height:100%; border:none; } .good .title { background: #ffee44; } .bad .title { background: #ff4444; color: #fff; } .good .content, .bad .content { margin-left: 115px; padding-right: 10px; padding-top: 1px; font-size:15pt; } .good { background: #ffffaa; } .bad { background: #ffddd3; } .content ul { list-style: none; margin:10px 0 0; padding:0; } .content ul li { line-height:150%; font-size: 15pt; font-weight: bold; color: #444; } .content ul li div.description { font-size: 11pt; font-weight: normal; color: #777; line-height: 110%; margin-bottom: 10px; }

×

纯属好玩

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

文章目录
,