友們，下午好！

都說一張美美的圖能為文章增色三分！

那如果是一個交互的圖片樣式 + 幾張美美圖呢？這能為文章增色多少呢？

比如這種（樣式ID：90298）

使用這種樣式，即能有效的展示圖片，還能縮小文章空間，而且還與讀者存在互動交互，想不想知道這種樣式怎么做出來呢？

上面兩種樣式都可以在樣式中心輸入ID搜索到。

但是，樣式中心的原樣式，都是四張圖片滑動的，直接進行換圖就可以使用了。

但如果要像三兒上面做的兩個樣式，一個是5張圖，一個是9張圖，就要進HTML進行修改了。

教程一（帶圖片說明的樣式）

進入到“HTML”模式，找到<section .........> </section>這段代碼，先選擇Ctrl+C復制。

然后在此段代碼結尾處敲回車鍵換行，再選擇Ctrl+V粘貼。

粘貼幾次，樣式就會在原有四張的基礎上多出幾張，胖友們可以根據自己的需求進行多次粘貼。

教程二

進入到“HTML”模式，找到<img src=........./>這段代碼，先選擇Ctrl+C復制，然后在此段代碼結尾處，再Ctrl+V粘貼。

同上個樣式，粘貼幾次，樣式就會在原有四張的基礎上多出幾張，胖友們可以根據自己的需求進行多次粘貼。

為了樣式的美感，還是有三點建議給大家。

1、圖片請保持尺寸一致。否則會導致圖片層次不齊。

2、尺寸請500x500以上。否則可能會使圖片不清楚。

3、圖片大小盡可能小點。否則瀏覽時加載會不流暢。

更多好玩樣式，請進樣式中心搜索“滾動”

好了，本次教程就到這里~bye