【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>```
相关推荐
weixin_382395234 小时前
为小工厂量身打造:本地部署的物料管理系统带缺料计算
前端·制造
__zRainy__4 小时前
解决pnpm v10+不自动构建
前端·pnpm·工程化
猫猫不是喵喵.5 小时前
Vue3 Props 属性
前端·javascript·vue.js
醉城夜风~6 小时前
CSS元素显示模式(display)
前端·css
AI大模型-小华7 小时前
Codex 三方充值快速入门指南
java·前端·数据库·chatgpt·ai编程·codex·chatgpt pro
做前端的娜娜子9 小时前
同一链接实现 PC Web 与移动 H5 自适应
前端·掘金·金石计划
小帅不太帅9 小时前
架构没变、规模没变,DeepSeek V4 Flash 正式版凭什么暴涨 47 分?
前端·aigc·deepseek
jarvisuni9 小时前
DeepSeekFlash前端依旧拉垮,而且变慢了很多!
前端·javascript·算法
卷福同学11 小时前
AI编程出海第二步:验证关键词能否做站
前端·人工智能·后端