css实现引用段落效果代码
代码语言:html
所属分类:布局界面
代码描述:css实现引用段落效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> /* Fancy Quotes */ .fancyquotes { --quotesize: 200px; --color: #fff6; Position:relative; z-index:0; } .fancyquotes::before, .fancyquotes::after { color:var(--color); font-size: var(--quotesize); display:inline-block; width:0px; position:relative; vertical-align: middle; line-height:0; padding:0px; z-index:-1; margin:0px; } .fancyquotes::before { content:'“'; top:20px; left:-84px; } .fancyquotes::after { content:'”'; top:60px; left:-12px; } body { font-family: G.........完整代码请登录后点击上方下载按钮下载查看
网友评论0