CSS blockquote美化效果

最新推荐文章于 2021-08-04 03:21:41 发布

weixin_34203426

最新推荐文章于 2021-08-04 03:21:41 发布

阅读量589

点赞数 1

文章标签： markdown python c#

原文链接：https://my.oschina.net/ajian2014/blog/287195

版权

2019独角兽企业重金招聘Python工程师标准>>>

示例

<html>
<head>
<title>CSS blockquote标签的定义</title>
<style>
    blockquote {
    background:#f9f9f9;
    border-left:10px solid #ccc;
    margin:1.5em 10px;
    padding:.5em 10px;
    quotes:"\201C""\201D""\2018""\2019";
    }
    blockquote:before {
    color:#ccc;
    content:open-quote;
    font-size:4em;
    line-height:.1em;
    margin-right:.25em;
    vertical-align:-.4em;
    }
    blockquote p {
    display:inline;
    }
</style>
<body>
    <blockquote>源码爱好者提供网站源码、网页素材、书籍教程、网页特效代码等，06-3038.8K一个支持多种排列方式的VC++ ListView示例源码界面编程06-3017.7KC#自定义横向或纵向打印纸张报表打印06-3034.4K如何在窗体中显示条形码(C#代码)图形图像06-3042.3K一些VC.NET字符串操作演示实例字符处理06-304.57KVB使用ListView控件增强文件浏览器功能数据库应用06-302.61KVB实现自动滚屏功能界面编程06-301.89KVb计算文本框行数的源</blockquote>
</body>
</html>

运行结果Click Me!