在博客中添加帶滾動條的文本框能大大提高文章的可讀性。

1. 以csdn博客為例

我們在csdn發布博客的時候會在編輯區看到一個源代碼的工具。

注：各類博客產品是不一樣的，有的可能是個復選框

2. 我們選中這個工具
3. 選中后文本框變成了一個html的編輯框
4. 我們將以下代碼復制進去。如下：

? <div style=" color: #000000; background-color: #FFFFFF; border: solid 2px black; width: 600px; height:300px; overflow: scroll; scrollbar-face-color: #889B9F; scrollbar-shadow-color: #3D5054; scrollbar-highlight-color: #C3D6DA; scrollbar-3dlight-color: #3D5054; scrollbar-darkshadow-color: #85989C; scrollbar-track-color: #95A6AA; scrollbar-arrow-color: #FFD6DA; " align="center"><br></div>

5. 我們再次點擊第1步提到的工具，回到原始的編輯狀態，就可以看到創建好的文本框了。

6.?效果如下圖

的撒打算的速度
dsadadasda
dsd




sda

sda


sda

sda

sdaa


sdadsasa
sada
大蘇打誰打時代發生發生法雙方法是否safsafsafsafasfsafsafasfasfasfasfasfsafsafasfsafsafsafasfasfasfasfsafasfasfasfasfsafasfsafsafasfasfsafasfasfasfsa

?

轉載于:https://www.cnblogs.com/mologm/p/5812812.html

總結

以上是生活随笔為你收集整理的如何在博客等文章中添加带有滚动条的文本框的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。