【问题标题】:Create great capital letter like in old books像旧书一样创造伟大的大写字母
【发布时间】:2013-12-16 10:47:33
【问题描述】:

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

 _
| |     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 layout fonts


    【解决方案1】:

    您可以使用 CSS 实现此目的。 尝试关注-

    p:first-letter
    {
    font-size:200%;
    color:#000000;
    }
    

    你也可以这样做,

    CSS

    .first
    {
        float:left;
        font-size:500%;
        margin-top:0px;
        margin-right:5px;
        color:#8C8273;
    }
    

    HTML

    <p><span class="first">T</span>ext here</p>
    

    【讨论】:

      【解决方案2】:

      这样做:

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

      DEMO - DEMO2

      【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-10-24
      • 2022-09-30
      • 1970-01-01
      • 1970-01-01
      • 2018-07-08
      • 2020-10-17
      • 2013-09-01
      • 1970-01-01
      相关资源
      最近更新 更多