正在载入...

1.编辑布景主题中的style.css,在文件开头或最后面加入下一段代码。
(PS:有些布景主题放在最后面加入会因浏览器不同而无法呈现首字放大的效果,此时放在style.css的开头或许可以解决此一问题)

#fb:first-letter { font-size : 200%; font-weight : bold; float : left; margin-right: 3px; }

2.于WordPress编辑文章加入css标签

<p id="fb">首字放大………..</p>

3.ie8 chrome firefox 测试,可兼容,更多就没有测试了,欢迎测试。

4.各种各样的美化:
#fa:first-letter {
float:left;
font-size:280%;
font-weight:bold;
margin-right:3px;
padding-top: 5px;
padding-right:5px;
padding-left:5px;
padding-bottom: 5px;
border: 2px dashed GoldenRod;
background: OrangeRed;
}

#fb:first-letter {
float:left;
font-size:280%;
font-weight:bold;
margin-right:3px;
padding-top: 5px;
padding-right:5px;
padding-left:5px;
padding-bottom: 5px;
border: 2px dashed darkkhaki;
background: olivedrab;
}

#fc:first-letter {
float:left;
font-size:280%;
font-weight:bold;
margin-right:3px;
padding-top: 5px;
padding-right:5px;
padding-left:5px;
padding-bottom: 5px;
border: 2px dashed Chocolate;
background: DeepSkyBlue;
}

#fd:first-letter {
float:left;
font-size:280%;
font-weight:bold;
margin-right:3px;
padding-top: 5px;
padding-right:5px;
padding-left:5px;
padding-bottom: 5px;
border: 2px dashed firebrick;
background: steelblue;
}

#fe:first-letter {
float:left;
font-size:280%;
font-weight:bold;
margin-right:3px;
padding-top: 5px;
padding-right:5px;
padding-left:5px;
padding-bottom: 5px;
border: 2px dashed crimson;
background: mediumpurple;
}

#fp:first-letter {
font-size : 280%;
font-weight : bold;
float : left;
margin-right: 3px;
}
via

本文链接:

关键词:css, WordPress, 主题, 互联网, 代码, 手机, 日志, 软件,

(全文完        )

Comments

4 条评论(网友评论:4 条,博主回复:0 条)快速评论

  1. 呵呵,以前还不知道怎么实现,学习了

  2. 其实还是用的插件叫高效!!!

  3. 我喜欢用插件

  4. 不错,试试 :gl:

你需要 登录 才可以回复.