如何在博客等文章中添加带有滚动条的文本框
在博客中添加带滚动条的文本框能大大提高文章的可读性。
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
如何在博客等文章中添加带有滚动条的文本框相关推荐
- 使用Markdown语言在博客的文章中添加视频
注:此博文来自转载, 在此对原作者表示感谢. 不论你是用的是什么博客系统,WP也好,Typecho也罢,甚至是静态博客,就像我的博客,绕不开的是两种书写语言,一种称之为富文本,一种叫做Markdown ...
- 在线文本替换工具 、支持正则表达式(博客园文章里添加Javascript或<script>语句)
概况与介绍 在博客园发布一篇文章,文章就是<在线文本替换工具 .支持正则表达式>https://www.cnblogs.com/lsllll44/articles/15522697.htm ...
- 如何在CSDN博客自定义栏目中添加“给我写信”
在"自定义栏目"中添加"连接"(将自己的微博,QQ空间和CSDN博客关联起来)很多人都做过.但是添加"给我写信"这个功能,用的好像不太多.此 ...
- 为博客的文章添加二维码
文章地址:http://www.xiabingbao.com/blogs/2016/08/31/blogs-qrcode.html 为博客的文章添加了一个生成二维码的功能,可以在扫描二维码后在移动端进 ...
- Hexo博客发表文章、草稿、添加分类和标签
写在前面 本文主要写了hexo的配置,关于博客标题这些配置HEXO已经有了很详细的介绍了,这里不再赘述,本文主要记录一些我个人认为小白比较容易有疑问的地方,也就是博客的主要功能,发表文章.添加文章分类 ...
- 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 ...
- 一个可编辑与新增博客园文章的 Python 脚本
我的个人独立博客是基于 Hexo 搭建的,因为小站,Google 搜索引擎收录文章比较慢,还搜不到 很多人学习python,不知道从何学起. 很多人学习python,掌握了基本语法过后,不知道在哪里寻 ...
- 老徐的博客:文章目录
Posted on 2009-05-22 23:35 Frank Xu Lei 阅读(1850) 评论(18) 编辑 收藏 网摘 所属分类: 老徐的博客:文章目录, SOA and EAI 老徐的博 ...
- [java手把手教程][第二季]java后端博客系统文章系统——No10
项目github地址:github.com/pc859107393- 实时项目同步的地址是国内的码云:git.oschina.net/859107393/m- 我的简书首页是:www.jianshu. ...
最新文章
- include_once 问题
- js判断是iOS还是Android
- Centos 6.5 yum源配置总结
- C语言成长学习题(十六)
- 设计模式之单件模式(Singleton Pattern)
- 在Ubuntu下创建hadoop组和hadoop用户
- SharePoint中的权限体系
- 仅展示近三天的动态设置_抱歉,朋友仅展示最近三天的朋友圈
- 让计算机开口说话教学反思,小班语言教案及教学反思《我会说普通话》
- javascript window.document
- Linux修改后保存与不保存,强制退出vi与vi下查找命令关键步骤!
- 她经济正在替代男性,成为体育产业的新支柱?
- cocos2d-x-3.x 场景(3)场景切换特效
- 陪孩子一起学习python
- wincc安装信息服务器,WinCC 7.4软件不会安装?怎么授权?一文教会你
- 2022年山东省安全员A证考试模拟100题及在线模拟考试
- linux filp open,诚意请教一个filp_open的问题。
- 计算机编程序专业,计算机编程方向专业
- leetcode——第993题——二叉树的堂兄弟节点
- python 实战之模仿开发QQ聊天软件(一)登录GUI设计
热门文章
- ae抠像插件_AE抠像背景残留去除
- TCP粘包和拆包原因
- 《剑指offer》替换空格
- SVM(support vector machine)支持向量机原理详解
- 2021-10-12Spring缓存注解@Cacheable、@CacheEvict、@CachePut使用
- Java 线程状态之 TIMED_WAITING
- 磁盘的顺序读写与随机读写详解
- Python第二十天 shutil 模块 zipfile tarfile 模块
- 《A Novel Pipeline Approach for Efficient Big Data Broadcasting》阅读报告
- 如何关闭linux系统中的覆盖输出重定向()功能