像 GraalVM 官网这种。我一开始以为是图片，结果代码可以复制。审查元素也没看出什么引入了什么特别的 js/css
This topic created in 2822 days ago, the information mentioned may be changed or developed.
像 GraalVM 官网这种。我一开始以为是图片，结果代码可以复制。审查元素也没看出什么引入了什么特别的 js/css
 |
1
suzic Sep 24, 2018 via Android
不是 CSS 控制的样式么？
|
 |
2
Dvel Sep 24, 2018
不会前端，不过我知道一个能生成这种图片的网站： http://codezen.rishimohan.me/
|
 |
3
bayallen Sep 24, 2018
|
 |
4
luob Sep 24, 2018
三个按钮和背景的图写在 pre::before 和 pre::after 里面
|
 |
5
jjplay Sep 24, 2018
|
 |
6
mrsatangel OP @jjplay #5 老哥，highlightjs 我知道，我说的是 code block 的 macOS 风格的标题栏按钮和圆角的样式啊
 |
 |
7
donething Sep 24, 2018
@mrsatangel 就画 3 个圈，填充颜色。这没学过 css 也没难度啊。
|
 |
8
klesh Sep 24, 2018
圆角用 border-radius。你看下 pre 和 pre::after 这两个元素， 各定义了两个角。
三个按钮是图像, 在 pre::before 定义 灰色渐变背景是在 pre::after 定义 不过， 为何你的代码显示的是非等宽？在浏览器强制指定了？不难看？ |
 |
9
vincentxue Sep 24, 2018  2
我猜你是要找 https://carbon.now.sh
|
|
10
vincentxue Sep 24, 2018
 |
 |
11
NickCarter Sep 24, 2018 via iPhone
楼上正解
|
|
12
mrsatangel OP @klesh #8 好的谢谢，这些我自己撸样式也能撸个差不多的，我想问问有没有现成的 highlightjs 或者 prismjs 的主题能够实现的？字体
|
|
13
mrsatangel OP @klesh #8 sorry 上面没发完。字体是因为 user agent stylesheet 里面的 monospace 字体我没装
|
 |
14
iPhone8 Sep 24, 2018
赞
|
 |
15
FakeLeung Sep 24, 2018
就是 carbon 了，没跑了。
|
 |
16
ali12333 Feb 25, 2022
@vincentxue 感谢, 正想找这个!
|
Select Language