LODOP问答部分链接

点击链接进入相关简短问答博文:

以下为上面的html代码:

  <style>
   #A1{background:#e1e2e6;height:330px;border-radius:20px;position:relative;} 
   #A1 div{line-height:50px;text-align:center;border-radius:20px;position:absolute;float:left;}
   a{text-decoration:none;font-weight:bold;}
   #div1{height:50px;width:100px;top:20px;left:20px;background:rgba(255,0,0,0.5);}  
   #div1 a{color:black;}
   #div2{height:50px;width:120px;top:20px;left:140px;background:rgba(0,255,0,0.5);}
   #div2 a{color:blue;}
   #div3{height:50px;width:80px;top:20px;left:280px;background:rgba(255,0,0,0.5);}
   #div3 a{color:black;}
   #div4{height:50px;width:100px;top:20px;left:380px;background:rgba(0,255,0,0.5);}
   #div4 a{color:blue;}
   #div5{height:50px;width:160px;top:20px;left:500px;background:rgba(255,0,0,0.5);}
   #div5 a{color:black;}
   #div6{width:200px;height:200px;top:80px;left:20px;background:rgba(0,0,255,0.7);
   text-align:justify!important;line-height:25px!important;padding:10px;
   }
   #div6 a{color:#f797e4;}
   .a1{color:black!important;}
  </style>
 </head>
 <body>
 <p>点击链接进入相关简短问答博文:</p>
 <div id="A1">
    <div id="div1"><a target="_blank" href="https://www.cnblogs.com/huaxie/p/9790615.html">问答大全</a></div>
    <div id="div2"><a target="_blank" href="https://www.cnblogs.com/huaxie/p/11301778.html">纸张打印机</a></div>
    <div id="div3"><a target="_blank" href="https://www.cnblogs.com/huaxie/p/10860746.html">注册</a></div>
    <div id="div4"><a target="_blank" href="https://www.cnblogs.com/huaxie/p/11045192.html">table表格</a></div>
    <div id="div5"><a target="_blank" href="https://www.cnblogs.com/huaxie/p/11550645.html">clodop测试地址</a></div>
    <div id="div6">
    <a target="_blank" href="https://www.cnblogs.com/huaxie/p/11840694.html">字体</a><br>
    <a target="_blank" href="https://www.cnblogs.com/huaxie/p/11890022.html">行间距、字间距</a><br>
    <a target="_blank" href="https://www.cnblogs.com/huaxie/p/11736705.html">clodop回调函数</a><br>
    <a target="_blank" href="https://www.cnblogs.com/huaxie/p/11683913.html">SET_PRINT_STYLEA</a><br>
    <a target="_blank" href="https://www.cnblogs.com/huaxie/p/9603229.html">页眉页脚</a><br>
    <a class="a1" target="_blank" href="https://www.cnblogs.com/huaxie/p/10082571.html">超文本</a><br>
    <a target="_blank" href="https://www.cnblogs.com/huaxie/p/11038280.html">条码</a><br>
    </div>
 </div>
posted @ 2019-11-29 16:05  花谢悦神  阅读(465)  评论(0编辑  收藏  举报