给博客小工具写个博客介绍

诗梦
415
文章
720
评论
2019年11月19日13:44:44给博客小工具写个博客介绍已关闭评论 12.9K 次浏览 1092字阅读3分38秒
广告

心灵毒鸡汤:

给博客小工具写个博客介绍很简单的东西,有人需要写来玩玩,哈哈哈,自己改改按钮名称链接啥的,对个别主题样式可能会冲突,begin主题已经有了,就不要用这个了。给博客小工具写个博客介绍

使用:先到小工具里把文本小工具加到需要显示的地方,然后复制下面的代码到文本小工具里。

注:切换到文本在粘贴进去,不然在可视化里加没用的。

  1. <style>.momcb{text-align:center;}.momimg img{width:100px;height:100px;border-radius:60%;padding:8px;}.momimg{background-color:#62d285;}a{text-decoration:none;}.momli li{display:inline-block;}.momli a{border-width:2px;border-style:groove;border-color:#adabe5;border-radius:4px;padding:2px 10px;color:#999;}</style>
  2. <div class="momcb">
  3.     <div class="momimg">
  4.       <img src="https://ae01.alicdn.com/kf/H6dab62e0541a46969864585570bca3a6Q.png">
  5.     </div>
  6.     <div class="momsy">诗梦</div>
  7.     <div class="momcg">也许,只有真正动心了。才会为他所做的一件小事 在旁人看来无所谓,而在她看来却是心碎。</div>
  8.     <div class="momli">
  9.         <ul>
  10.             <li><a href="https://www.mom1.cn" title="首页">首页</a></li>
  11.             <li><a href="https://wpa.qq.com/msgrd?v=3&amp;uin=23113497&amp;site=qq&amp;menu=yes" title="Q Q">Q Q</a></li>
  12.             <li><a href="https://weibo.com/" title="微博">微博</a></li>
  13.             <li><a href="https://www.mom1.cn/ql.html" title="微语">微语</a></li>
  14.         </ul>
  15.     </div>
  16. </div>
  • 赞助本站
  • 三合一收款码
  • weinxin
  • 赞助本站
  • 三合一收款码
  • weinxin
云翼计划
云计算普惠校园计划,助力学生的辉煌明天!
  • 文本由 发表于 2019年11月19日13:44:44
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接