blockquote(引用部分)をCSSでデザインするサンプル集

blockquote(引用部分)をCSSでデザインするサンプル集 | CSS Lecture



引用をBloggerでデザインするための個人的メモ。

1. /* サンプル1要素 
2. ----------------------------------------------------------- */  
3. .sample1 blockquote {  
4.     background: url(image/blockquote1.gif) no-repeat 95% 68%;  
5.     padding: 15px;  
6.     color: #064599;  
7. }  
8. .sample1 p  {  
9.     margin-bottom: 12px;  
10. }  
11. .sample1 .origin    {  
12.     text-align: right;  
13.     padding-top: 8px;  
14.     margin-bottom:0;  
15. }  
16. .sample1 .origin a  {  
17.     background: url(image/origin1.gif) no-repeat 0 7px;  
18.     padding-left: 15px;  
19.     color: #999;  
20. } 

リンク先で引っ張ってきたサンプル。
これをhtmlの編集から
/* Comments
の上の行にペースト。
3行目の「.sample1」を消す。

いろいろ不十分だけどとりあえず以上。