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

  • 效果
  • 代码
html 复制代码
<!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>
      晚会以"欣欣向荣的新时代中国,日新月异的更美好生活"为主题,通过各种艺术形式,充分展现开心信心、顽强奋进的主旋律 [10]。
      2023年1月21日20时,晚会在总台央视综合频道、综艺频道、中文国际频道、国防军事频道、少儿频道、音乐频道、农业农村频道、4K/8K超高清频道等电视频道,中国之声、音乐之声、经典音乐广播、文艺之声、大湾区之声、台海之声、中国乡村之声、华语环球广播、南海之声、中国交通广播等广播频率,央视频、央视新闻、云听、央视网、央广网、国际在线等新媒体平台同步直播
    </p>
  </body>
</html>```
相关推荐
GIS之路8 分钟前
GDAL 实现矢量裁剪
前端·python·信息可视化
是一个Bug12 分钟前
后端开发者视角的前端开发面试题清单(50道)
前端
Amumu1213813 分钟前
React面向组件编程
开发语言·前端·javascript
持续升级打怪中35 分钟前
Vue3 中虚拟滚动与分页加载的实现原理与实践
前端·性能优化
GIS之路39 分钟前
GDAL 实现矢量合并
前端
hxjhnct41 分钟前
React useContext的缺陷
前端·react.js·前端框架
前端 贾公子1 小时前
从入门到实践:前端 Monorepo 工程化实战(4)
前端
菩提小狗1 小时前
Sqlmap双击运行脚本,双击直接打开。
前端·笔记·安全·web安全
前端工作日常1 小时前
我学习到的AG-UI的概念
前端
韩师傅1 小时前
前端开发消亡史:AI也无法掩盖没有设计创造力的真相
前端·人工智能·后端