【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>```
相关推荐
AI袋鼠帝5 小时前
火爆全网的Seedance2.0 十万人排队,我2分钟就用上了
前端
IT_陈寒5 小时前
React Hooks闭包陷阱:你以为的state可能早就过期了
前端·人工智能·后端
Jenlybein5 小时前
快速了解熟悉 Vite ,即刻上手使用
前端·javascript·vite
小码哥_常5 小时前
安卓开发避坑指南:全局异常捕获与优雅处理实战
前端
lihaozecq5 小时前
我用 1 天的时间 vibe coding 了一个多人德州扑克游戏
前端·react.js·ai编程
momo061175 小时前
AI Skill是什么?
前端·ai编程
言萧凡_CookieBoty5 小时前
用 AI 搞定用户系统:Superpowers 工程化开发教程
前端·ai编程
小小小小宇5 小时前
Go 语言协程
前端
牛奶5 小时前
5MB vs 4KB vs 无限大:浏览器存储谁更强?
前端·浏览器·indexeddb
牛奶5 小时前
setTimeout设为0就马上执行?JS异步背后的秘密
前端·性能优化·promise