漂亮的引用区域修饰

之前有有一篇类似的,看这儿

添加上面这种样式,在CSS里添加下面代码,其中那张引号的图片请下载并自己上传。
blockquote {
background-position:-10px -7px;
border: 1px dashed #FFC600;
margin: 20px 10;
padding: 0 20px 0 50px;
background: url("图片地址") 5% no-repeat #FFF8DD;
}

此样式相应代码,红色十六进制为上下边框的颜色,可自己修改:
blockquote{
background-color: transparent;
border-top: 3px double #DC143C;
border-bottom: 3px double #DC143C;
padding: 5px;
font-style: oblique;
font-size: 1em;
margin-left: 5%;
margin-right: 5%;
}
via BlogU

1 条评论:

Qiu Xianli 说...

好。又学了点东西