利用CSS首字下沉的问题

bujingyun0829 2008-01-09 02:01:36
如何利用CSS实现首字下沉?
下面一个例子是我看的 可是在IE6中和 FF1.5中似乎没有作用... 问题出在哪 请教高手 谢谢!
<p class="one">sssssssssssssssssssssss
ssssssssssssssssssssssssssssss
sssssssssssssssssssss
sssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssssssssssssss
ssssssssssssssssssssssss</P>

p.one:first-letter{
float:left;
width:50px;
line-height:30px;
background-color:#666666;}
...全文
374 点赞 收藏 6
写回复
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
bujingyun0829 2008-01-12
分数我还是给大家的 谢谢大家的回答!
回复
bujingyun0829 2008-01-12
三楼的朋友你的代码我尝试了 但是只是首字变小 不是变大下沉降
回复
bujingyun0829 2008-01-12
我那个格式是放在外面连接的CSS中 所以没有写STYLE 呵呵不好意思
p.one:first-letteR 是可以这么写的 p.one first-letter中间的:是不能省去的 这样效果没有办法显示

自己今天重新尝试了一下 做出来了 发现必须把 HEIGHT 和FONT-SIZE 加上才可以
p.one:first-letter{
float:left;
width:50px;
line-height:30px;
background-color:#ff0000;
font-size:40px;
height:40px;}
这样就可以了 不过说明一下 IE6中没有办法显示这个效果 只有在FF中可以 我是FF1.5版本的


回复
yixianggao 2008-01-12
L@_@K
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="Gao YiXiang" />
<meta name="email" content="yixianggao@126.com" />
<meta name="keywords" content="javascript dhtml dom" />
<meta name="description" content="I love web development." />
<style>
p
{
font-size: 16px;
font-family: Courier New;
}
p.one:first-letter
{
font-size: 12px;
color: #ff0000;
}
</style>
</head>
<body>

<p class="one">SSSSSSSSSSSSSSSSSSSSSSS
SSSSSSSSSSSSSSSSSSSSSSSSSSSSSS
SSSSSSSSSSSSSSSSSSSSS
SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS
SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS
SSSSSSSSSSSSSSSSSSSSSSSS</P>

</body>
</html>
回复
一品梅 2008-01-12
p.one first-letter
回复
homel 2008-01-09
lz,你的错误原因是没有加style,我将下沉的字母的背景色改为红色了,这样比较明显


<style>
p.one:first-letter{
float:left;
width:50px;
line-height:30px;
background-color:#ff0000;}
</style>
<p class="one"> sssssssssssssssssssssss
ssssssssssssssssssssssssssssss
sssssssssssssssssssss
sssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssssssssssssss
ssssssssssssssssssssssss </P>
回复
发动态
发帖子
CSS
创建于2007-09-28

5.9w+

社区成员

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
申请成为版主
社区公告
暂无公告