1、進入官網(wǎng):https://jsfiddle.net/

可以看到如下界面,頂端的控制按鈕包括:保存,運行,代碼格式化等;

image

 

2、將html、css、js分別寫在指定的位置當(dāng)中,最后一個框result是顯示效果的;

3、代碼編輯完之后保存,會得到上面所寫代碼的鏈接,把這個鏈接復(fù)制下來,后面插入博客就用它

4、在博文中插入以下代碼:

<iframe style="width: 100%; height: 300px" src=" > </iframe>

網(wǎng)友評論