https://akich.io/tags/css/ Recent content in CSS on AkiChan Hugo zh-cn Thu, 04 Jun 2026 00:00:00 +0000 https://akich.io/post/hello-hugo/ Thu, 04 Jun 2026 00:00:00 +0000 https://akich.io/post/hello-hugo/ <h2 id="短代码">短代码</h2> <div class="alert green" role="alert"><svg class="icon" viewBox="0 0 24 24" width="1em" height="1em" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="9"/><path d="M12 11v5M12 8h.01"/></svg> <div>这是一个绿色提示。</div></div> <div class="window yellow"><p class="window-title">警告窗口</p><div>这是一个信息窗口。</div></div> <details class="collapse"><summary>点击展开</summary><div>折叠内容</div></details> <h2 id="代码">代码</h2> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-js" data-lang="js"><span class="line"><span class="cl"><span class="kr">const</span> <span class="nx">greet</span> <span class="o">=</span> <span class="p">(</span><span class="nx">name</span><span class="p">)</span> <span class="p">=&gt;</span> <span class="sb">`Hello, </span><span class="si">${</span><span class="nx">name</span><span class="si">}</span><span class="sb">`</span><span class="p">;</span> </span></span><span class="line"><span class="cl"><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">greet</span><span class="p">(</span><span class="s1">&#39;Hugo&#39;</span><span class="p">));</span> </span></span></code></pre></div><h3 id="表格">表格</h3> <table> <thead> <tr> <th>特性</th> <th>实现</th> </tr> </thead> <tbody> <tr> <td>页面切换</td> <td>View Transitions</td> </tr> <tr> <td>进度条</td> <td>scroll-driven animations</td> </tr> </tbody> </table> <blockquote> <p>引用块的样子。</p> </blockquote> <hr> <p>结尾。</p>