【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>```
相关推荐
烤麻辣烫3 分钟前
Web开发概述
前端·javascript·css·vue.js·html
Front思14 分钟前
Vue3仿美团实现骑手路线规划
开发语言·前端·javascript
徐同保16 分钟前
Nano Banana AI 绘画创作前端代码(使用claude code编写)
前端
Ulyanov17 分钟前
PyVista与Tkinter桌面级3D可视化应用实战
开发语言·前端·python·3d·信息可视化·tkinter·gui开发
计算机程序设计小李同学17 分钟前
基于Web和Android的漫画阅读平台
java·前端·vue.js·spring boot·后端·uniapp
lkbhua莱克瓦2420 分钟前
HTML与CSS核心概念详解
前端·笔记·html·javaweb
沛沛老爹21 分钟前
从Web到AI:Agent Skills CI/CD流水线集成实战指南
java·前端·人工智能·ci/cd·架构·llama·rag
GISer_Jing29 分钟前
1.17-1.23日博客之星投票,每日可投
前端·人工智能·arcgis
代码游侠34 分钟前
学习笔记——ARM Cortex-A 裸机开发实战指南
linux·运维·开发语言·前端·arm开发·笔记
m0_7482546637 分钟前
CSS 编辑器
前端·css·编辑器