使用css3实现阴影

Marshal — Mon, 26 Dec 2011 09:10:46 +0000

以前界面中的阴影，需要依赖作图工具生成带阴影的底图。使用css3可以很好的解决这个问题。

比如，这是个简单的代码：

<body>

<div id=‘content’>div>

body>

如果没有使用css3阴影，比如css如下：

#content{

   height: 200px;

   width: 400px;

   margin: 10px auto;

   background: rgba(88,88,88,0.5);

}

那么效果类似这样：

如果使用阴影特性，比如在webkit内核浏览器下，可再原有css上加入：

-webkit-box-shadow:2px 2px 5px #333333;

再看效果：

wordpress更改侧栏字体大小

Marshal — Thu, 25 Sep 2008 18:10:55 +0000

默认模板的侧栏链接字体太小。

更改style.css的这部分：

#sidebar {
font: 1.15em ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
}