Ryan

修改Blockquote让引用文段模块更漂亮
现在用的风云主题功能很强大(看着看着代码发现了一堆不知道的功能),就是某些地方看起来很不和谐。默认的Blockqu...
扫描右侧二维码阅读全文
01
2013/10

修改Blockquote让引用文段模块更漂亮

现在用的风云主题功能很强大(看着看着代码发现了一堆不知道的功能),就是某些地方看起来很不和谐。

默认的Blockquote是圆角的,与整体不搭配,但是对于圆角化的主题来说很不错。

这是原来的CSS:

blockquote {  
        width:600px;  
        color:#1A488F ;  
        line-height:23px;
        margin:5px auto 5px auto;  
        padding:10px;  
        clear:both;  
        border:1px solid #A5A5A5;  
        box-shadow:2px 4px 6px #A5A5A5;  
        -moz-box-shadow:2px 4px  6px #A5A5A5;
        -webkit-box-shadow:2px  4px 6px #A5A5A5;
        border-radius:5px;
        -webkit-border-radius:5px ;  
        -moz-border-radius:5px;  
        -khtml-border-radius:5px ;  
        font-size:14px;
}

懒得弄原来的截图了。直接给出后来的,配色没想好,先将就一下。

blockquote {  
        background: #d9e9ff;
        padding: 10px< span> 15px 10px 15px;      
        margin: 1em 3em 1em 3em;      
        font-size:.8em;      
        border-style:dotted dotted dotted solid;      
        border-width:1px 1px 1px 5px;      
        border-color:#5bbcdd ;      
        line-height:200%;      
}

实例:不好意思,图丢了

搬瓦工年付$187机房套餐补货了,电信联通优化,512M内存/500G流量/1G带宽,建站稳定,优惠码:BWH1ZBPVK,【点击购买】!
搬瓦工年付$28CN2高速线路,512M内存/500G流量/1G带宽,电信联通优化,延迟低,速度快,建站稳定,优惠码同上,【点击购买】!
Last modification:August 25th, 2017 at 09:40 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment

2 comments

  1. 有点蓝

    博主,你主题评论框下面的表情弹出是怎么实现的啊?

    1. Ryan
      @有点蓝

      這主題本來就可以的,不是我弄的