首字下沉css样式

blog饰品 October 17, 2006 引用(0)

修改风格的css文件，添加样式.textbox-content:first-letter
例子:

.textbox-content:first-letter {
font-size: 25px;
margin: 0px;
margin-right: 10px;
padding: 5px;
COLOR: #ff6600;
FLOAT: left;
border: red 1px dotted;
}

效果:

This entry comes from 本站原创 and has been read for 7275 times. It is tagged with blog-diy , bo-blog相关.

小峰

says: at October 26, 2008 20:33

我现在宽度是1040的，侧边栏被我放的宽了点，正文也不想变窄，不过看了统计，现在浏览者多半还是1024的，偶自己是宽屏的，正在犹豫中啊

鬼火回复于 October 27, 2008 12:18

以用户为重总是没错

小峰

says: at October 25, 2008 14:41

偏移我不是很清楚，我看着好像没吧，要不就是那时我正在修改中，CSS我不了解的，就看着帮助文档，边百度边修改的，希望不出错就好了

鬼火回复于 October 26, 2008 16:51

改成三栏了，不错啊^^
不过要注意下宽度，1024*768下出现水平滚动条

小峰

says: at October 25, 2008 12:18

是服务器缓存问题，刚才试着把两栏改成三栏，一直没有，后来发现是用了论坛里GZIP缓存加速，把那个关了，删除缓存后就好了，但是这个代码问题还很多，IE核心的浏览器的确是第一张下沉，但Safari和火狐就默认第一字，如果是空格就在空格那里加个虚线框

还有，在首页可以显示出来，进入文章就没了

看来我还要好好学CSS，才刚接触CSS，以后还要向你多请教啊，这次还是谢谢你的帮助

鬼火回复于 October 25, 2008 13:00

1.以first-letter的定义来说，Safari和火狐显示是正确的
2.首页和内文都可以显示，除非模板给内文定义了格外的样式
3.可能添加的代码没有闭合，你的blog在标准浏览器下已经出现偏移

小峰

says: at October 24, 2008 23:23

补充一下，我用的模板在textbox-content类里有clear:both;，我不懂CSS，但自己百度了下，这个是清除浮动，这个首字下沉无效跟这个有关吗，但是我删了这一句还是无效

鬼火回复于 October 25, 2008 12:11

似乎你已经解决了这个问题

小峰

says: at October 24, 2008 21:14

没效果啊，elements.php里不用加调用这个样式的语句吗

Frienky

says: at February 12, 2008 02:28