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

以下为上面的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>

最新文章

  1. jmobile学习之路 ---- 视口
  2. Device Tree Usage( DTS文件语法)
  3. HttpController的激活
  4. java中&amp;和&amp;&amp;的区别和联系
  5. Nginx和Tengine解决高并发和高可用,而非推荐Apache
  6. VMware下ubuntu与win8共享文件时/mnt/hgfs目录为空的解决办法
  7. javascript在一个字符串中每隔多少字符插入某个字符串
  8. [Redis源码阅读]redis持久化
  9. 游戏引擎cocos2d-android使用大全
  10. const命令
  11. 20190402 管道符,分号,单引号,双引号,&amp;&amp;的使用
  12. 既使用maven编译,又使用lib下的Jar包
  13. Esxi 6.0虚拟机迁移Linux遇到网络配置错误
  14. arduino入门套件学习过程-安装配置
  15. 推荐两个Magento做的中文网站 GAP和佰草集
  16. 使用标准模板find函数来对结构体容器进行查找
  17. sqlserver常用函数
  18. socket发送文字、图片、文件---基于python实现
  19. POJ3468:A Simple Problem with Integers(线段树模板)
  20. ccpc 网络赛 hdu 6155

热门文章

  1. 多个线程分别顺序交替打印一种不同字符abcdefg(已实现随便多少个线程打印多少个字符,利用线程池实现多线程)
  2. CodeForces - 83D:Numbers (数学&amp;递归 - min25筛 )
  3. prefixfree.js和依托应用之Animatable
  4. C++中字符数组和字符指针问题
  5. mssql 清理死锁
  6. Wideband Direction of Arrival Estimation Based on Multiple Virtual Extension Arrays
  7. 目标检测的mAp
  8. learning svn diff --summarize
  9. 设置make为内部命令
  10. JMeter学习2