在博客中添加带滚动条的文本框能大大提高文章的可读性。

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

如何在博客等文章中添加带有滚动条的文本框相关推荐

  1. 使用Markdown语言在博客的文章中添加视频

    注:此博文来自转载, 在此对原作者表示感谢. 不论你是用的是什么博客系统,WP也好,Typecho也罢,甚至是静态博客,就像我的博客,绕不开的是两种书写语言,一种称之为富文本,一种叫做Markdown ...

  2. 在线文本替换工具 、支持正则表达式(博客园文章里添加Javascript或<script>语句)

    概况与介绍 在博客园发布一篇文章,文章就是<在线文本替换工具 .支持正则表达式>https://www.cnblogs.com/lsllll44/articles/15522697.htm ...

  3. 如何在CSDN博客自定义栏目中添加“给我写信”

    在"自定义栏目"中添加"连接"(将自己的微博,QQ空间和CSDN博客关联起来)很多人都做过.但是添加"给我写信"这个功能,用的好像不太多.此 ...

  4. 为博客的文章添加二维码

    文章地址:http://www.xiabingbao.com/blogs/2016/08/31/blogs-qrcode.html 为博客的文章添加了一个生成二维码的功能,可以在扫描二维码后在移动端进 ...

  5. Hexo博客发表文章、草稿、添加分类和标签

    写在前面 本文主要写了hexo的配置,关于博客标题这些配置HEXO已经有了很详细的介绍了,这里不再赘述,本文主要记录一些我个人认为小白比较容易有疑问的地方,也就是博客的主要功能,发表文章.添加文章分类 ...

  6. wp博客写文章500错误_500多个博客文章教我如何撰写出色的文章

    wp博客写文章500错误 I've written a lot of blog posts. Somewhere north of 500 to be exact. All of them are t ...

  7. 一个可编辑与新增博客园文章的 Python 脚本

    我的个人独立博客是基于 Hexo 搭建的,因为小站,Google 搜索引擎收录文章比较慢,还搜不到 很多人学习python,不知道从何学起. 很多人学习python,掌握了基本语法过后,不知道在哪里寻 ...

  8. 老徐的博客:文章目录

    Posted on 2009-05-22 23:35 Frank Xu Lei 阅读(1850) 评论(18)  编辑 收藏 网摘 所属分类: 老徐的博客:文章目录, SOA and EAI 老徐的博 ...

  9. [java手把手教程][第二季]java后端博客系统文章系统——No10

    项目github地址:github.com/pc859107393- 实时项目同步的地址是国内的码云:git.oschina.net/859107393/m- 我的简书首页是:www.jianshu. ...

最新文章

  1. include_once 问题
  2. js判断是iOS还是Android
  3. Centos 6.5 yum源配置总结
  4. C语言成长学习题(十六)
  5. 设计模式之单件模式(Singleton Pattern)
  6. 在Ubuntu下创建hadoop组和hadoop用户
  7. SharePoint中的权限体系
  8. 仅展示近三天的动态设置_抱歉,朋友仅展示最近三天的朋友圈
  9. 让计算机开口说话教学反思,小班语言教案及教学反思《我会说普通话》
  10. javascript window.document
  11. Linux修改后保存与不保存,强制退出vi与vi下查找命令关键步骤!
  12. 她经济正在替代男性,成为体育产业的新支柱?
  13. cocos2d-x-3.x 场景(3)场景切换特效
  14. 陪孩子一起学习python
  15. wincc安装信息服务器,WinCC 7.4软件不会安装?怎么授权?一文教会你
  16. 2022年山东省安全员A证考试模拟100题及在线模拟考试
  17. linux filp open,诚意请教一个filp_open的问题。
  18. 计算机编程序专业,计算机编程方向专业
  19. leetcode——第993题——二叉树的堂兄弟节点
  20. python 实战之模仿开发QQ聊天软件(一)登录GUI设计

热门文章

  1. ae抠像插件_AE抠像背景残留去除
  2. TCP粘包和拆包原因
  3. 《剑指offer》替换空格
  4. SVM(support vector machine)支持向量机原理详解
  5. 2021-10-12Spring缓存注解@Cacheable、@CacheEvict、@CachePut使用
  6. Java 线程状态之 TIMED_WAITING
  7. 磁盘的顺序读写与随机读写详解
  8. Python第二十天 shutil 模块 zipfile tarfile 模块
  9. 《A Novel Pipeline Approach for Efficient Big Data Broadcasting》阅读报告
  10. 如何关闭linux系统中的覆盖输出重定向()功能