纯css实现代码块高亮显示效果代码
代码语言:html
所属分类:布局界面
代码描述:纯css实现代码块高亮显示效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> body{ background-color: #111; padding: 20px; color: white; font-size: 125%; } pre{ width: 80ch; font-family: monospace; font-size: 30px; line-height: 30px; background: linear-gradient(to right, white 0ch, #78dce8 0ch, #78dce8 3ch, white 3ch, white 18ch, #FFD658 18ch, #FFD658 31ch, white 31ch, white 80ch), linear-gradient(to right, white 0ch, #a6e22e 0ch, #a6e22e 3ch, white 3ch, white 12ch, #f92672 12ch, #f92672 15ch, #A7C 15ch, #A7C 17ch, white 17ch, white 80ch), linear-gradient(to right, white 0ch, white 0ch, white 4ch, #fd971f 4ch, #.........完整代码请登录后点击上方下载按钮下载查看
网友评论0