preact实现文章文字字母单词首字母加粗显示效果代码
代码语言:html
所属分类:布局界面
代码描述:preact实现文章文字字母单词首字母加粗显示效果代码果对比代码
代码标签: preact 文章 文字 字母 单词 首字母 加粗 显示
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <link href="https://fonts.googleapis.com/css2?family=Exo:wght@300..900&display=swap" rel="stylesheet"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> html { font-size: 20px; } * { font-family: "Exo"; letter-spacing: 0.025em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { padding: 20px; background: #efefef; } .text-wrapper { max-width: 60ch; margin: 0 auto; } h1 { margin: 0; padding: 0; font-size: 1.5rem; } a { color: #ff416c; font-weight: 800; text-underline-offset: 0.125rem; } h2 { font-size: 1.25rem; margin: 1rem 0 0.5rem 0; padding: 0; } small { font-size: 0.75rem; } p { line-height: 1.6em; color: #434343; } </style> </head> <body > <div id="root"></div> <script type="module"> import { h, render, Fragment } from "//repo.bfw.wiki/bfwrepo/js/preact.module.js"; // Long input string from Arrested Development @ fillerama.io const inputString = `I'm a monster. No, I did not kill Kitty. However, I am going to oblige and answer the nice officer's questions because I am an honest man with no secrets to hide. Did you enjoy your meal, Mom? You drank it fast enough. Across from where? I've opened a door here that I regret. That's why you always leave a note! I've opened a door here that I regret. What's Spanish for "I know you speak English?" There's only one man I've ever called a coward, and that's Brian Doyle Murray. No, what I'm calling you is a television actor. Guy's a pro. Michael! Marry me. We just call it a sausage. Get me a vodka rocks. And a piece of toast. Th.........完整代码请登录后点击上方下载按钮下载查看
网友评论0