公告:
最近有些帖子的评论,我没去回复。对此,我感到非常抱歉。
最近课业很多,加上开电脑都是先上Facebook和打理网店,已经没有足够的时间让我去写教程。
在未来,我有时间的话,我会再写多些教程。

Thursday, June 10, 2010

Css Selection (highlight colour)

Css Selection
highlight颜色教程

首先到Edit Html
把以下code放入的前面

::selection {
background:#FFA8A8;
color:#FFFFFF;
}
::-moz-selection{
background:#FFA8A8;
color:#FFFFFF;
}
code::selection {
background: #FFD5D5;
color:#FFA8A8;
}
code::-moz-selection {
background: #FFD5D5;
color:#FFA8A8;
}



::selection {
background:#FFA8A8;
color:#FFFFFF;
}

::-moz-selection{
background:#FFA8A8;
color:#FFFFFF;
}

background是背景颜色
color是字的颜色
selection & moz selection 的 background和color要一样
参考颜色值地址
http://html-color-codes.info/

code::selection {
background: #FFD5D5;
color:#FFA8A8;
}

code::-moz-selection {
background: #FFD5D5;
color:#FFA8A8;
}

跟上面一样
background是背景颜色
color是字的颜色
code selection & code moz selection 的 background和color要一样
给你们看看Demo
Demo>>>
highlight以下的字

This is my blog.

很特别对吧!

“This is my”是属于
::selection {
background:#FFA8A8;
color:#FFFFFF;
}

::-moz-selection{
background:#FFA8A8;
color:#FFFFFF;
}

“blog”是属于
code::selection {
background: #FFD5D5;
color:#FFA8A8;
}
code::-moz-selection {
background: #FFD5D5;
color:#FFA8A8;
}

要改变highlight颜色一定要加些code 例子:


要记得
:selection { 和 code::selection {
的颜色值是不一样的,才可以呈现

这个Css Selection
在Firfox 3.5、Opera 9.64、Chrome 3、Safari 4上测试有效,IE下无效。

=end=
Easy???
^^

1 comment:

  1. 得空研究。。

    對啊。。
    人家幫我弄好了。。
    謝謝你哦~

    ReplyDelete