联系邮箱:September@zbuse.com 投稿 / 读者墙 / 友情链接 / 文章存档 / 标签云

修改或增加主题的(blockquote)样式

网站运维 September 2875℃ 0评论
下面就是更改css文件啦~我还是从inove主题中复制出来的, 同样, 如果你懒的自己找的话, 就直接复制下面的代码吧~
  1. blockquote {
  2. background:#F4F5F7 url(blockquote.gif) 3px 3px no-repeat;
  3. border:1px dashed #CCC;
  4. padding:8px 12px 8px 36px;
  5. margin:5px 0;}
修改你自己主题中的style.css这个文件, 搜索blockquote, 我的css文件中就一个blockquote, 如果你的css文件中有很多的话, 就替换类似这种形式的代码吧.
blockquote{……}
保存上传就可以啦

下面我搜集了一些blockquote,放出来给大家用,希望大家会喜欢

blockquote引用样式1

1
2
blockquote {background: #ECF6F3; margin: 0px 25px 15px 25px; padding: 0px 25px 0px 10px; border: 5px solid #e9e3d1;}
#content blockquote p {margin: 0px; padding: 10px 0px 10px 0px;}

blockquote引用样式2

1
blockquote{border-left:5px solid #DDD; margin:15px 30px 0 10px; padding-left:20px}

blockquote引用样式3

1
2
3
4
5
6
blockquote {
margin: 1em 3em;
padding: .5em;
background-color: #f6ebc1; }
blockquote p {
margin: 0; }

blockquote引用样式4

1
2
3
4
5
6
7
blockquote {
margin: 1em 3em;
padding: .5em 1em;
border-left: 5px solid #fce27c;
background-color: #f6ebc1; }
blockquote p {
margin: 0; }

blockquote引用样式5

1
blockquote { margin: 1em 20px; padding-left: 50px; background: transparent url(quote.gif) no-repeat; }

blockquote引用样式6

1
2
3
4
5
6
7
8
9
10
11
12
blockquote {
margin: 1em 2em;
border-left: 1px dashed #999;
padding-left: 1em; }
blockquote p:first-letter {
float: left;
margin: .2em .3em .1em 0;
font-family: “Monotype Corsiva”, “Apple Chancery”, fantasy;
font-size: 220%;
font-weight: bold; }
blockquote p:first-line {
font-variant: small-caps; }

blockquote引用样式7

1
2
3
4
5
6
7
8
9
blockquote {
color: #66a;
font-weight: bold;
font-style: italic;
margin: 1em 3em; }
blockquote p:before {
content: ‘”‘; }
blockquote p:after {
content: ‘”‘; }

blockquote引用样式8

1
2
3
4
5
6
7
8
blockquote {
margin: 5px 10px 5px 10px;
padding: 15px 20px 15px 20px;
border-width: 1px;
border-style: solid;
border-color: #cfcfcf;
background: url(images/blockquote1-img.png) no-repeat;
}

blockquote引用样式9

1
2
3
4
5
6
7
8
9
10
blockquote {
margin: 5px 10px 5px 10px;
padding: 10px 10px 10px 10px;
border-width: 3px;
border-style: solid;
border-color: #980000;
color: #9b5c5c;
font-size: 14px;
font-style: italic;
}

blockquote引用样式10

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
blockquote {
margin: 5px 10px 5px 10px;
padding: 10px 60px 10px 10px;
border-width: 1px;
border-style: solid;
border-color: #cfcfcf;
background-color: #d3eefd;
background-image: url(images/blockquote3-img.png);
background-repeat: no-repeat;
background-position: top right;
font-family: Georgia;
font-size: 14px;
font-weight: bold;
color: #8f8f8f;
}

blockquote引用样式11

1
2
3
4
5
6
7
8
9
10
11
12
13
blockquote {
margin: 5px 10px 5px 10px;
padding: 10px 120px 10px 10px;
border-width: 1px;
border-style: solid;
border-color: #cfcfcf;
background-image: url(images/blockquote4-img.png);
background-repeat: repeat-y;
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: #efefef;
}

blockquote引用样式12

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
blockquote {
background:#f9f9f9;
border-left:10px solid #ccc;
margin:1.5em 10px;
padding:.5em 10px;
quotes:”201C””201D””2018″”2019″;
width: 400px;
font: italic normal 12pt/1.2em Georgia;
color: #888;
}
blockquote:before {
color:#ccc;
content:open-quote;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}
blockquote p {
display:inline;
}

转载请注明:装逼爱好者 » 修改或增加主题的(blockquote)样式

喜欢 (1)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址