昨晚zblogphp主題YDseo模板更新加入了圖文模板，分別是首頁和分類頁面，可選擇開啟！

分享下代碼：

<ul class="cmsr">
          <li class="article">
            <div class="aleft">
              <h2><a href="
http://www.onz.wang/post/99.html
">買車的糾結</a></h2>
              <p>最近要換車，因為買什么車已經糾結好一陣子了，目前就2個選擇：馬自達阿特茲和凱迪拉克ATSL，鬼都知道后者的性能秒殺前者，但是目前4S店價格放不下來，如果上路能控...</p>
              <p class="atime"><a href="
http://www.onz.wang/author-1.html
" title="Onz">Onz</a> · 發布於：2017-03-07 · 11次閱讀</p>
            </div>
            <div class="aright"> <a href="
http://www.onz.wang/post/99.html"><img
 src="
http://qiniu.onz.wang/2017/03/201703075294_2194.jpg
" alt="買車的糾結" width="140" height="120" /></a> </div>
          </li>
</ul>

CSS文件：

.cmsr{ margin-top: -20px;}
    .cmsr .article{ width: 100%; padding: 20px 0; border-bottom: 1px solid #f3f3f3; overflow: hidden}
    .aleft{float: left; width: 73%;}
    .aleft h2{font-size: 18px; color: #373737;}
    .aleft p{color: #575757;}
/*    .aleft span{color: #e731bb;}*/
    .aleft .atime{color: #b7b7b7;}
    .aright{float: right; width: 25%; text-align: right;}

昨晚寫的太匆忙，就以這種最復雜的方式實現了，可作為參考！