Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 创造伟大的大写字母像在旧书_Css_Layout_Fonts - Fatal编程技术网

Css 创造伟大的大写字母像在旧书

Css 创造伟大的大写字母像在旧书,css,layout,fonts,Css,Layout,Fonts,我的问题是如何实现这样的目标: _ | | orem ipsum dolor sit amet, consetetur sadipscing elitr, | |__ sed diam nonumy eirmod tempor invidunt ut labore et dolore magna |____| aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea re

我的问题是如何实现这样的目标:

 _
| |     orem ipsum dolor sit amet, consetetur sadipscing elitr,
| |__   sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
|____|  aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et
ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est
Lorem ipsum dolor sit amet.
大写字母应该是单个字母,而不是图像

编辑:@umesh sinha的答案导致以下结果:


您可以使用CSS实现这一点。 试着跟随-

p:first-letter
{
font-size:200%;
color:#000000;
}
你也可以这样做

CSS

HTML

此处的文本

这样做:

p:first-letter{
    font-size:300%;
    float:left;
    padding-right:10px;
}

-

有效,但使用大写字母字体“巴洛克式脚本”看起来很难看。大写字母下方有一个约2米高的底部填充物(取决于字体)。你知道怎么解决这个问题吗?你能做一把小提琴吗@_Seppi@the_Seppi这是关于字体的,看看这个:谢谢。。。所以没有办法“修复”这个?编辑:明白了:您可以使用更高的
字体大小
行高
,下面是演示:
<p><span class="first">T</span>ext here</p>
p:first-letter{
    font-size:300%;
    float:left;
    padding-right:10px;
}