【CSS】首个字符占用多行，并自定义样式

2024-01-08 18:04:52
  • 效果

在这里插入图片描述

  • 代码
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>首字母大写</title>
    <style>
      p:first-child::first-letter {
        float: left;
        font-size: 4rem;
        font-family: 仿宋;
      }
    </style>
  </head>
  <body>
    <p>
      台湾海峡，是中国大陆与台湾岛之间连通南海、东海的海峡。西起福建省沿海，东至台湾岛西岸；南北界线有多种说法，一般标准是：南起台湾南端猫鼻头~广东南澳岛之间的连线，北至台湾北端富贵角~福建连江北茭的连线。 [1]
      台湾海峡NE向纵向延伸，长约400公里，面积约9万平方公里。南宽北窄，南口宽约400公里，北口宽约200公里，北部最窄处为130公里。 [1]
      台湾海峡，是贯通中国南北海运的要道，处于中国东海大陆架上，地形起伏不平，平均水深约60米。海峡位于亚热带、北热带季风气候区。受黑潮影响，海峡水温较高，盐度和透明度较大、风浪较大。 [2]
      台湾海峡资源丰富，是中国重要渔场之一。鲯、鲔和鲨为这里三大渔产。海峡底部富集油气资源，还有钛铁、磁铁、金红石、独居石和锆石等矿，品位高，储量大。
      海峡两岸，自古以来就是中国的神圣领土，周朝为七闽地，春秋以后为闽越地。秦置闽中郡，三国时吴国设建安郡，并派兵到台湾，北宋置福建路，并开始对台湾编户管辖，元设立福州、泉州2个行省。清代，福建区划继承明制，增设台湾府，属福建统辖。1885年，台湾府单独设省。辛亥革命后，均置福建省。
      [3]清光绪年间中日甲午战争中战败，据中日《马关条约》，清政府被迫割让台湾及澎湖于日本，直到1945年台湾光复，台湾及澎湖列岛重归中国版图。 [4-5] 由于台湾海峡两岸都是中国领土，且海峡宽度在200海里以下，依据《联合国海洋法公约》，台湾海峡水域除了两岸12海里以内的“领海”外，大部分为中国的“专属经济区”。
    </p>
  </body>
</html>

文章来源:https://blog.csdn.net/yys190418/article/details/135460263
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。