CSS之简单的双引号

在网上找了个CSS案例，效果如如下：

CSS如下：

 1 blockquote { 2     font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif; 3     width: 400px; 4     background: url(images/close-quote.gif) no-repeat right bottom #CCCCFF; 5     padding-left: 18px; 6     text-indent: -18px; 7 } 8 blockquote:first-letter { 9     background: url(images/open-quote.gif) no-repeat left top;10     padding-left: 18px;11     font: italic 1.4em Georgia, "Times New Roman", Times, serif;12 }13 </style>

总觉得这样有点单调，所以在原代码中加了个背景色“#CCCCFF”，但是效果不是很理想如下图：

转载于:https://www.cnblogs.com/January/archive/2011/11/25/2263893.html

CSS之简单的双引号相关推荐

HTML如何实现双引号加粗大字体小,【2个实例】教你怎样修改和美化blockquote双引号及css样式...
blockquote默认的双引号千篇一律太过普通,我们能否更改它并美化它,以搭配网页模版的视觉要求?答案是肯定的.下面我就以两个实例来教你怎样修改和美化blockquote双引号,并送上漂亮的css样 ...
php字符串中单引号与双引号的区别,简单概括PHP的字符串中单引号与双引号的区别...
今天有个朋友问起,说下区别,顺便复习下. 单引号与双引号的不同: " "双引号里面的字段会经过编译器解释,然后再当作HTML代码输出. ' '单引号里面的不进行解释,直接输出. 单 ...
【Web基础入门】一文搞懂HTML + CSS + JavaScript 简单了解
html html是什么超文本标记语言,运行在浏览器上超文本:超级文本,如流媒体.声音.视频标记语言:由大量的标签组成标签:任何一个标签都有开始标签和结束标签 html不是编程语言,没有变量, ...
js拼装html单引号双引号,js、html中的单引号、双引号及其转义使用
js.html中的单引号.双引号及其转义使用在js中对相关字符做判断或取值的时候很多情况下都会用到这些. ------ 在一个网页中的按钮,写onclick事件的处理代码,不小心写成如下: IE提示 ...
JavaScript 中双引号、单引号和反引号的区别
关注微信公众号:前端充电宝,获取最新原创文章: 在 JavaScript 中,单引号('')和双引号("") 经常用于创建字符串.通常情况下,使用双引号或单引号没有区别,它们最后都 ...
(双引号)与 ' '(单引号)的区别
" "(双引号)与 ' '(单引号)的区别还是回到我们的command line来吧经过前面的学习,应该很清楚当你在shell prompt后面敲打键盘.直到按下enter的时 ...
php中的单引号与双引号详解
一.引号定义字符串在Php中,通常一个字符串被定义在一对引号中,如: 'I am a string in single quotes' "I am a string in double q ...
定义变量时无引号，单引号，双引号区别与特点：
a=192 a=192-$a b='192-$a' c="192-$a" echo "a=$a" echo "b=$b" echo &quo ...
PowerDesigner 生成的脚本取掉双引号
建模工具PowerDesigner http://www.cnblogs.com/mcgrady/archive/2013/05/25/3098588.html 默认导出在带双引号,表名称后期使用的时 ...

CSS之简单的双引号

CSS之简单的双引号相关推荐

最新文章

热门文章