× 386字 × 7阅

鼠标悬停显示圆角背景

昨晚改了一晚上博客代码,看我的推就知道啦,我没骗你们555……无奈自己非专业,所以都靠着别人的代码点点滴滴拾起。所以一定要做好笔记!以防日后不记得!小白一枚,砖家请无视。

昨晚主要卡壳在“鼠标悬停显示圆角背景”上(不知道这样的描述准确不- -|||),之前大概知道点鼠标悬停的代码,hover嘛,懂的。鼠标悬停有背景也懂,加个background-color就好了。但是!这个背景是矩形的。最近看到好多圆角的,于是心里痒也弄起来。最后在原代码中找到了解决方法,特此记录。

鼠标悬停显示圆角背景
鼠标悬停显示圆角背景
hover {
color: #fff;
text-decoration: none;
background-color: #ddd;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}

给未来的自己稍微解释下,部分引用自Andy's Learning Notebooks

  • text-decoration 可以加个 underline 神马的,下划线
  • radius 就是传说中的半径
  • -moz-border-radius 是 Firefox 用来显示圆角的语法
  • -webkit-border-radius 是 Chrome 和 Safari 用来实现圆角的语法
  • border-radius 据说是 IE9 用来实现圆角的语法
  • 顺序:左上角-右上角-右下角-左下角(从左上角开始顺时针一圈)
今天把 Criminal Minds 第三季看完,19集的片尾令我印象深刻。是 William Wordsworth 的一段诗。 What though the radiance which was once so bright Be now for ever taken from my sight Though nothing can bring back the hour Of splendour in the grass, of glory in the flower We will grieve not, rather find Strength in what remains behind 我找到的还有后面一些,但只有上面这段是剧里引用的。 第三句 Though nothing can bring back the hour 让我想到了 Yesterday Once More 中的那句歌词: Looking back on how it was in years gone by, and the good times that I had, makes today seem rather sad, so much has changed. 我会的英文歌少之又少,更别说记英文歌词了,但是这首歌的这句话却是从我第一次理解它开始就牢牢印在脑海里,每当有了思考的空闲,开始追忆,总是感叹以前的时光是当时所不曾了解的快乐。但 William Wordsworth 的这段诗,让我明白,意识到曾经的美好却回不到过去并不可怕,重要的是能不能看到现在的美好,找到努力生活下去的理由。 从网上找到一段译文,写得还不错,就贴在这里共赏吧: 曾是如此般闪耀着生命的辉煌 现却永恒地消失在视线的尽头 纵使那逝去的时光不可能复返 记忆里......
点击加载Disqus评论