
1 suzic 2018 年 9 月 24 日 via Android 不是 CSS 控制的样式么? |
2 Dvel 2018 年 9 月 24 日 不会前端,不过我知道一个能生成这种图片的网站: http://codezen.rishimohan.me/ |
3 ferrum 2018 年 9 月 24 日 |
4 luob 2018 年 9 月 24 日 三个按钮和背景的图写在 pre::before 和 pre::after 里面 |
5 jjplay 2018 年 9 月 24 日 |
6 mrsatangel OP @jjplay #5 老哥,highlightjs 我知道,我说的是 code block 的 macOS 风格的标题栏按钮和圆角的样式啊 ![]() |
7 donething 2018 年 9 月 24 日 @mrsatangel 就画 3 个圈,填充颜色。这没学过 css 也没难度啊。 |
8 klesh 2018 年 9 月 24 日 圆角用 border-radius。你看下 pre 和 pre::after 这两个元素, 各定义了两个角。 三个按钮是图像, 在 pre::before 定义 灰色渐变背景是在 pre::after 定义 不过, 为何你的代码显示的是非等宽?在浏览器强制指定了?不难看? |
9 vincentxue 2018 年 9 月 24 日 我猜你是要找 https://carbon.now.sh |
10 vincentxue 2018 年 9 月 24 日 |
11 NickCarter 2018 年 9 月 24 日 via iPhone 楼上正解 |
12 mrsatangel OP @klesh #8 好的谢谢,这些我自己撸样式也能撸个差不多的,我想问问有没有现成的 highlightjs 或者 prismjs 的主题能够实现的?字体 |
13 mrsatangel OP @klesh #8 sorry 上面没发完。字体是因为 user agent stylesheet 里面的 monospace 字体我没装 |
14 iPhone8 2018 年 9 月 24 日 赞 |
15 FakeLeung 2018 年 9 月 24 日 就是 carbon 了,没跑了。 |
16 ali12333 2022 年 2 月 25 日 @vincentxue 感谢, 正想找这个! |