<!doctype html><html><head><meta charset="utf-8"><link href="bootstrap-3.3.6-dist/css/bootstrap.min.css" rel="stylesheet"><link href="bootstrap-3.3.6-dist/css/bootstrap-theme.min.css" rel="stylesheet"><title>星座</title></head><style>.page-header{margin:auto }.topnav{ margin:auto;}.navbar-brand{ position:absolute; top:0px; margin:auto;}.navbar-collapse{ position: absolute; top: 30px; font-size: 20px; font-weight:500; text-align: right; left: 30%; }.col-lg-offset-2{ position: absolute; margin-left: 0px; left: 120px; top: 251px; width: 148px; height: 210px;}.list-group{ float:left; left:130px;}.col-lg-offset-3{ position: absolute; margin-left: 0px; left: 120px; top: 500px; width: 148px; height: 210px;}a:link{ color:#000000; }ul,li{list-style-image:none;list-style-position:outside;list-style-type:none;}</style><body><div class="page-header"><!--顶部--><nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation"> <div class="container topnav"> <div class="navbar-header"> <img src="image/tstd79.jpg" class="glyphicon-picture"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#james-header-menu"><span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button> <div class="alert-link"> <a href="#" class="navbar-brand "><img src="image/logo.gif"></a> </div> <div class="collapse navbar-collapse" id="james-header-menu"> <ul class="nav navbar-nav navbar-right"> <li><a href="#">首页</a></li> <li><a href="#">星座</a></li> <li><a href="#">生肖</a></li> <li><a href="#">免费测算</a></li> <li><a href="#">周公解梦</a></li> </ul> </div> </div> </div><!--topnav--> <!--第一版--><div class="content_a"> <h1 align="center">十二星座最新文章</h1> <div class="container"> <div class="col-lg-5 col-lg-offset-2"><img src="picture/101.jpg" alt="ipad" width="160" height="194" class="img-responsive"> <button type="button" class="btn btn-sm btn-info">白羊座</button> <dt class="fl"><a href="#"><em><i class="xz_1"></i></em><span><font size="-2" color="#999999">3月21-4月20</font></span></a></dt> </div> <div class="col-lg-5 list-group"> <ul style="line-height:30px; font-size:14px;"> <li><a href="#">白羊座最怕哪种恋人</a></li> <li><a href="#">白羊座最不喜欢别人的什么</a></li> <li><a href="#">白羊座人生最痛苦的事</a></li> <li><a href="#">白羊座男生表白成功率</a></li> <li><a href="#">当白羊座看完《捉妖记》</a></li> <li><a href="#">白羊座男生在意女生什么</a></li> </ul> </div> </div> <div class="container"> <div class="col-lg-5 col-lg-offset-3"><img src="picture/102.jpg" alt="ipad" width="160" height="194" class="img-responsive"> <button type="button" class="btn btn-sm btn-info">金牛座</button> <dt class="fl"><a href="#"><em><i class="xz_1"></i></em><span><font size="-2" color="#999999">4月21-5月21</font></span></a></dt> </div> <div class="col-lg-5 list-group"> <ul style="line-height:30px; font-size:14px;"> <li><a href="#">金牛座隐藏的人格障碍</a></li> <li><a href="#">金牛座爱情的契合度</a></li> <li><a href="#">金牛座求桃花的方法</a></li> <li><a href="#">金牛座暴涨桃花的方法</a></li> <li><a href="#">金牛座人生最痛苦的事</a></li> <li><a href="#">金牛座男在意女人什么</a></li> </ul> </div> </div> </div></div><script src="bootstrap-3.3.6-dist/js/npm.js"></script><script src="bootstrap-3.3.6-dist/js/bootstrap.min.js"></script></body></html>
添加回答
举报
0/150
提交
取消