友情链接CSS样式

HomeComments教程

今天弄好了友链样式,各位大佬看一下给点建议,尽量详细,本人小白(^^)
写的也不是很规范呢,慢慢来,里面还有苏苏大佬的帮助~

CSS 部分

.myLink {
    padding-left:50px;
    box-shadow:0 2px 2px 2px #C4C4C4;
    border-radius: 20px;
    padding: 5px;
    width: 50px;
    font-size: 15px;
    text-align: center;
}
    .myLink:hover{
    box-shadow:0 5px 5px 5px #C4C4C4;
}

博客填入部分

!!!
<style>
.myLink {
    padding-left:50px;
    box-shadow:0 2px 2px 2px #C4C4C4;
    border-radius: 20px;
    padding: 5px;
    width: 50px;
    font-size: 15px;
    text-align: center;
}
    .myLink:hover{
    box-shadow:0 5px 5px 5px #C4C4C4;
}
</style>
!!!
<ul class="flinks">
<a href="https://muy.ooo/" target="_blank"  title="正在学习拼写 HTML "><li class="myLink"><b>MuY's Blog</b></li>
</a>
<a href="https://muy.ooo/" target="_blank"  title="正在学习拼写 HTML "><li class="myLink"><b>MuY's Blog</b></li>
</a>
<a href="https://muy.ooo/" target="_blank"  title="正在学习拼写 HTML "><li class="myLink"><b>MuY's Blog</b></li>
</a>
!!!

演示

于今天

  • 在 typecho 后台的页脚文件 footer.php 加入了打字特效的 js ,现在后台也有特效,编辑起来贼爽
  • 也添加了更多的图片

Say something?