以前在Firefox下装了
Web Developer这个插件,一直没用它做点什么。今天想定制一下博客,就看了下,发现里面有个Edit CSS很好用,修改后即时可以看到网页的效果。
于是我稍加修改了css,把更改后的css贴到选项-〉Configure-〉通过CSS定制页面,这样我的博客风格就是刚才定制好的了。
选择颜色参考Firefox下的
Stylish插件;
show下我粘到“通过CSS定制页面”的CSS代码:(五颜六色的效果,hoho)
body {
background-color: #66FFFF;
}
#top {
background-color : #FF9900;
color : #000;
border-bottom : 4px solid #443;
}
#main {
background-color : #66FF99;
border-bottom : 4px solid #443
}
textarea {
width : 300px;
height : 200px;
background-color:#FFFF99;
}
.Cal
{
border : 1px solid #33CCFF;
width:100%;
font-family:Arial;
font-size: 12px;
margin-top:10px;
margin-bottom:10px;
height:180px;
background-color:#33FFFF;
}
.CalTitle
{
background-color : #33CCFF;
border-color:#33CCFF;
font-family:Arial;
font-size: 13px;
color : #000;
margin-left : 0px;
padding : 0px;
height:100%;
font-weight:bold;
}
.CalOtherMonthDay
{
color:#808080;
}
.CalNextPrev
{
background-color: #00CCCC;
}
.CalDayHeader
{
background-color: #66FF99;
}
.CalTodayDay
{
background-color:#33AAFF;
}
版权所有 罗明