标记 Link 『框框式』

转载请附上本部落格链接贴纸： <center><a href="https://sherrytan.blogspot.com" target="_blank"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjppoUsIzeZioXbwc7Acg8I-OQ7KtUHAwUrlETHcklAX6T4eKX-VxlbgcWBJJjxI3XO8d2TfODCq2pVw3WXqGMKE117ZRnEu59gHudhMqYauBUsa_dguleaCFegykxYUc3zw4oL1kXBRfFa/s16000/cooltext-357122983698860.png " /></a></center>

『Tutorials』

这种标记Link的方式很特别哦，整齐又美观，虽然代码有一些复杂，其实并没有那么难~

目前没有看过任何人发布类似教程，转载必须附上连接哦！

这种连接方式适合用在：更换链接，教学分类，帖子列表等等~自己发挥创意啦！~O(∩_∩)O~

1. 把以下的Code Paste在你的HTML帖子里：

<div style="text-align: center;">
<style>
a.jeonjin {
display:inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding-top:3px;
width:100px;
text-decoration:none;
font-family:calibri;
font-size:13px;
height:18px;
text-transform:uppercase;
color: #FFDBEC;
background:#FFFFFF;
border: 2.5px double  #FFDBEC;
border-radius:6px;
text-align:center;
cursor:vertical-text;
}

a.jeonjin:hover{
color: #FFC0CB;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
background:#FFFFFF;}
border: 2.5px double #FFC0CB;
border-radius:6px;
</style>

<u style="font-size: xx-large;"><span style="color: orange;"><br /></span></u></center>
<a class="jeonjin" href="连接">连接名字</a>
<a class="jeonjin" href="连接">连接名字</a>
<a class="jeonjin" href="连接">连接名字</a>
<a class="jeonjin" href="连接">连接名字</a>

</div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
</div>

温馨解释：

  红色字体

☪ width ☞ 框框的宽度

☪ height ☞ 框框的高度

☪ font-size ☞ 框框里字体的大小

  粉红字体
☪ 这些都是颜色代码，可以自行更换

☪ 如果想把背景颜色替换成背景图的话，就把代码里的『background:#FFFFFF;』替换成『background:url(图片背景 URL/Direct Link);』



  绿色字体
☪ 这些是框框的种类，可以更换成自己喜欢的~ :D

☪ 『框框的种类』

  褐色字体
☪ 记得更改哦！

☪ 连接 ☞ 如：http://sherrytan.blogspot.com
☪ 连接名字 ☞ 如：神秘の科学城

☪ 想添加更多的连接的话，就Paste一下的Code，

<a class="jeonjin" href="连接">连接名字</a>