WordPress | 给你的文章标题等加上阴影

作者: Tscccn | 日期: 2010 年 10 月 24 日 | 围观: 6384次+ 发表评论 (0) 查看评论

前一段在网上转，看到好多博客真的是太漂亮了，看的我直流口水。没办法，我也没有学过php、css。只能硬着头皮在那看人家的代码了。
哎，你还别说，还真看懂了。其实程序代码就是一种理念，都是人写的。无法就是语言不同而已，思维都大相径庭,无非就是让计算机去干活而已~

好了废话说多了，看图

怎样能看出文字飘起来的感觉了吗！
如果想看如何操作就进来看吧~简单到你想哭！注意：有些浏览器不支持这么高级的css3哈哈

首先在你的style.css中找到你的文章标题的定义

如我的

.post .content h2{ margin:0 0 12px 0; border-bottom:1px dotted #CCC;｝

在最后面的”}”,然后

前添加：

text-shadow: 1px 1px 3px #666;

添加完后的效果：
.post .content h2{ margin:0 0 12px 0; border-bottom:1px dotted #CCC;text-shadow: 1px 1px 3px #666;}

因为网络上好多高手，也不给对照，直接说，弄的我们这些菜鸟跟云里雾里，所以我弄个对照出来！哈哈

你们可不要把我的直接复制上去袄，因为每个人的主题都不同，所以还是先看看自己的css样式大致意思在操作！
最后：上传文件，刷新就可以看到效果了

我的标签等就是这个定义的！ .post .content .meta .tag

如果你想修改全部页面，当然找body部分了

以上操作可以看到效果的浏览器包括：Firefox 3.5, Chrome 2.0, Opera 9.5, Safari 4.0

－　ＴＨＥ　ＥＮＤ　－

0 条评论。

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据。