CSDN的常用技巧(字体、颜色、大小、类型、背景标记、删除、居中)

2023-10-29

一、字体设置

CSDN Markdown编辑器对字体设置的实现是通过代码来实现的,调节字体类型、颜色、大小的代码如下:

<font face="字体" color=颜色 size=3> 这里放入要修改的文字</font>

face——是调节字体类型,可随意改写“楷体、黑体、微软雅黑、宋体等”;
color——是字体颜色,填写颜色的英文单词,也根据十六进制颜色值进行改变;
size——是字体大小,默认为3。

常用的几种字体颜色,列表如下:

颜色 英文单词 十六进制颜色值
黑色 Black #000000
红色 Red #FF0000
黄色 Yellow #FFD700
蓝色 Blue #0000CD
绿色 Green #00FF00

示例:只修改颜色、大小

<font color= red size=5>CSDN字体修改,这里放入要修改的文字

CSDN字体修改,这里放入要修改的文字

后面加上 < /font> 控制范围结束

<font color= red size=5>CSDN字体修改</font>,这里放入要修改的文字

CSDN字体修改,这里放入要修改的文字

<font color= blue size=8>CSDN字体修改

CSDN字体修改

示例:修改字体、颜色、大小

<font color= #FF0000 face="宋体" size=5>这里放入要修改的文字

这里放入要修改的文字

<font color= #FF0000 face="宋体" size=5>这里放入要修改的文字</font>,后面加上</font>控制范围结束

这里放入要修改的文字

<font color=  red face="宋体" size=5>这里放入要修改的文字

这里放入要修改的文字

<font color= blue face="楷体" size=5>这里放入要修改的文字

这里放入要修改的文字

二、绘制表格

| | | |表头空格处填写文字,列数这增加
|–|–|–| 第二行,固定格式,虚线不可修改,列数这增加
| | | |空格处填写文字
| | | |
| | | |

示例
在这里插入图片描述
效果
在这里插入图片描述

三、下划线

 <u>CSDN的常用文本设置</u>

示例
CSDN的常用文本设置

四、首行缩进

&ensp;&ensp;&ensp;&ensp; 每句能缩进二分之一个汉字大小。
&emsp;&emsp; 每句能缩进一个汉字大小。

效果演示:

&ensp;&ensp;&ensp;&ensp; 每句能缩进二分之一个汉字大小。
&ensp;&ensp; 每句能缩进二分之一个汉字大小。

     每句能缩进二分之一个汉字大小。
   每句能缩进一个汉字大小。

&emsp;&emsp; 缩进二个汉字大小。
&emsp; 缩进一个汉字大小。

   缩进二个汉字大小。
  缩进一个汉字大小。

五、设置插入图片的大小

在这里插入图片描述

方法1:

<img src="插入图片会显示的链接" width="缩放百分比">

如上图插入图片会显示链接:即https://img-blog.csdnimg.cn/20210427191914719.png

然后使用下面这个,将链接修改,30%为缩放比例

<img src="https://img-blog.csdnimg.cn/20210427191914719.png" width="30%">

六、空格

解决方案
空白符名称 实现代码 空白符宽度

不换行空格	&nbsp;	一个常规空格
 半角空格	&ensp;	一个英文字母
 全角空格	&emsp;	一个汉字
  窄空格	&thinsp;	半个英文字母

七、 黑点

英文下:星号*+空格

在这里插入图片描述

八、 背景标记 、删除文本

编辑效果

在这里插入图片描述
显示效果

===================================================
标记文本

删除文本

引用文本

===================================================

九、文字居中

设置文字居中的基本语法如下:

<center>显示内容

例子:

<center>文字居中

效果:

文字居中 # 十 、文字加粗 (1)方法一   设置文字加粗的基本语法如下:
<font><b>显示内容</b></font>

例子:

<font><b>文字加粗</b></font>

效果:
文字加粗

(2)方法二
  或者对某段文字进行加粗,可以在文字的头和尾各加上双星号**对该字段进行加粗。
例子:

**文字加粗**

效果:
文字加粗

示例3:加粗并居中

<center> <font><b> 黑帽运算(img) = 闭运算图像(img) - 原始图像(img)
黑帽运算(img) = 闭运算图像(img) - 原始图像(img)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

CSDN的常用技巧(字体、颜色、大小、类型、背景标记、删除、居中) 的相关文章

  • 响应式网格布局框架[关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • iframe 重新加载按钮

    我浏览了很多网站 但似乎没有一个能正常工作 或者我不明白它们 我想要一个刷新某个 iframe 的简单按钮 该按钮将位于父页面上 并且 iframe 名称为 Right 有很多方法可以做到这一点 假设这个iframe markup 我们可以
  • 位置:绝对在边框半径内且溢出:隐藏

    我遇到了问题border radius在webkit浏览器中找到了解决方案 网址如下 如何在 Chrome Opera 中使 CSS3 圆角隐藏溢出 https stackoverflow com questions 5736503 how
  • 使用 CSS 的样式选择选项

    我正在尝试使用 CSS 设置选择选项列表的样式 我希望列表的时间之间有更多的填充 因为它们似乎被压在一起 我尝试向选项元素添加填充 但这似乎不起作用 有任何想法吗 这是我的代码 HTML
  • 当动态列的 ng-prime 数据表中的行更新时如何更新行背景颜色?

    我想在行更新时更改行颜色 记录更新成功时如何设置行背景颜色 html
  • 使用 RGBA 颜色覆盖背景图像,并使用 CSS3 过渡

    今天早些时候我问使用 rgba 背景颜色覆盖背景图像 https stackoverflow com q 17134929 1544337 我的目标是拥有一个带有背景图像的 div 当有人将鼠标悬停在 div 上时 背景图像会覆盖有 rgb
  • 如何从矩形点计算旋转角度?

    我有4分1 2 3 4闭合一个矩形 这些点按以下方式排列在数组中 x1 y1 x2 y2 x3 y3 x4 y4 我遇到的问题是矩形可以旋转一定角度 如何计算原始点 灰色轮廓 和角度 我试图在 javascript css3 transfo
  • 如何防止 CSS 或 jQuery 中单词和标点符号之间的换行

    我在一个段落中有一些文字 我的问题是 当标点符号位于单词末尾时 有时可以换行到下一行 像这样 This is the text This is a new line 我可以用 CSS 或 jQuery 解决这个问题吗 如果您不在单词和标点符
  • data:image/png;base64 是什么意思?

    我从一个在线网站上举了一个例子 CSS 包含一个指向 png 的 URL 和一些随机字母 在这两种情况下 任何人都可以告诉我如何制作这样的代码 或者更确切地说 这些代码是关于什么的 这是html
  • 在 Chrome 中使用 webkit-transform 旋转时出现不稳定的文本抗锯齿效果

    我正在使用旋转元素 webkit transform rotate 在 Chrome 14 0 835 2 dev m 中 它对元素内的文本做了一些非常奇怪的事情 它让我想起了在 Photoshop 中使用 平滑 抗锯齿而不是 清晰 旋转文
  • 最佳实践:ASP.NET 中的 CSS 或主题?

    什么时候应该使用 ASP NET 主题 什么时候应该使用 CSS 使用其中一种相对于另一种有哪些优点或缺点 我建议使用 CSS 而不是主题 原因是在 CSS 中 您可以修改样式以使其适用于所有浏览器 您可以对主题做同样的事情 但微软的设计师
  • 是否可以使materialize.css模态更大并删除垂直滚动条?

    我刚刚创建了按钮 单击后会弹出一个模式 每个按钮都有一个显示不同练习 gif 的模式 然而 模态框太小 导致用户无法看到整个 gif 迫使他们向下滚动 我想删除滚动条并使模态更大 以便用户可以看到整个 gif 任何帮助都会很棒 这是我的代码
  • CSS @font-face 有时在 Internet Explorer 中有效,但并非总是有效

    我在使用 Internet Explorer 11 中的网络字体时遇到问题 该字体适用于某些使用 IE11 的用户 但不适用于其他用户 即使它们是同一浏览器 对于遇到问题的用户 Modernizr fontface 仍然返回 true 因此
  • Flexbox 调整大小和可滚动溢出[重复]

    这个问题在这里已经有答案了 我有正在调整大小的内容 并且我想要一个固定标题 该标题不会增大 缩小 并且不属于可滚动内容的一部分 如果空间不足 下面的内容将变得可滚动 内容外包装 flexGrowWrapper has a flex grow
  • 使用 IE9、10、11 的 CSS 将比例打印到 50% 等百分比

    Zoom css 属性不适用于 IE9 10 11 观察到打印预览 UI 令人不安 默认比例为 缩小以适合 当我将此比例从 缩小 更改为适合 50 时 页面显示正常 打印预览 任何人都可以帮助我如何使用 CSS 代码将比例设置为 50 为页
  • CSS如何制作可滚动列表

    我正在尝试创建一个由标题和标题下方的项目列表组成的网页 我希望项目列表可以垂直滚动 我还希望网页占据整个窗口 但不要更大 目前我的问题是项目列表不可滚动 而是延伸到窗口底部下方很远 这导致窗口可滚动 应该做什么CSS属性位于html bod
  • CSS 选择器嵌套

    是否可以在选择器中嵌套选择器 我有很多类似这样的样式 header h1 header img header form 我想压缩它们 使它们看起来像这样 header h1 img form 以提高可读性 这在普通的旧 CSS 中可能吗 不
  • 居中

    我的问题 http i56 tinypic com ff3jmo png http i56 tinypic com ff3jmo png 项目符号点未对齐 我要做的只是 text align center ing ul 所在的类 我可以对齐
  • 伪元素的元素类型是什么?

  • 表单 CSS:根据选中/未选中状态设置单选框的父级(标签)样式

    所以我有一个表格 表格中提出的大多数问题都是使用无线电输入 我要和

随机推荐

  • go语言基础23实例

    go语言基础 文章目录 go语言基础 实例1 你好 世界 实例2 变量 实例3 循环 实例4 条件 实例5 条件分支 实例6 数组 实例7 切片 实例8 map映射 实例9 range语法 实例10 函数 实例11 指针 实例12 结构体
  • unbalanced parenthesis

    usr env python coding utf 8 import urllib import urllib2 import random import requests import os sys import MySQLdb from
  • java 自定义注解

    java 自定义注解 一 注解 二 示例 1 interface定义注解 2 getAnnotation获取注解 自定义功能 三 总结 一 注解 java注解可以理解为一种的程序特性的标注 该标注代表某一种功能 可在运行时反射来动态实现功能
  • 高频考察的七大排序算法(个人总结)

    声明 1 本文为我的个人复习总结 并非那种从零基础开始普及知识 内容详细全面 言辞官方的文章 2 由于是个人总结 所以用最精简的话语来写文章 3 若有错误不当之处 请指出 总览 名称 最坏时间复杂度 平均时间复杂度 空间复杂度 冒泡 O N
  • 神经网络学习笔记(六) 广义回归神经网络

    广义回归神经网络 GRNN General Regression Neural Network 广义回归神经网络是基于径向基函数神经网络的一种改进 结构分析 可以看出 这个结构与之前我们所讲过的径向基神经网络非常相似 区别就在于多了一层加和
  • 免费虚拟服务器怎么用,免费虚拟服务器试用一年

    免费虚拟服务器试用一年 内容精选 换一换 共享带宽可以实现多个弹性公网IP共同使用一条带宽 提供区域级别的带宽共享及复用能力 同一区域下的所有已绑定弹性公网IP的弹性云服务器 裸金属服务器 弹性负载均衡等实例共用一条带宽资源 客户有大量业务
  • 【计算机毕业设计】基于微信小程序的付费自习室系统

    毕设帮助 源码交流 技术解答 见文末 一 前言 忙碌的快节奏生活让很多人只能依靠碎片化时间进行充电 无法拿出大块的时间让自己能系统地进行学习 而 氛围感 和 仪式感 是我们独自学习的时候所体会不到的 每年的考试季 各大高校图书馆和公共图书馆
  • FreeRTOS例程4-串口DMA收发不定长数据

    FreeRTOS例程4 串口DMA收发不定长数据 知乎 zhihu com
  • Parameter ‘id‘ not found. Available parameters are [id , param1]

    Parameter id not found Available parameters are id param1 解决办法 1 删除Mapper接口中的 Param param 2 xml中写成 param xxx MyBatis传入参数
  • How to Write Doc Comments for the Javadoc Tool

    How to Write Doc Comments for the Javadoc Tool Javadoc Home Page This document describes the style guide tag and image c
  • data fastboot 擦除_fastboot命令大全

    刷机之家 fastboot命令能够帮助我们进行很多刷机相关操作 高通处理器手机在fastboot模式下使用fastboot exe文件配合fastboot命令就能够进行刷机 通过system img data img等各个分区的刷入从而完成
  • MIPI简介(一)——基础概念介绍

    MIPI全称Mobile Industry Processor Interface 即移动产业处理器接口 MIPI联盟在2003年由ARM Nokia ST TI等公司成立 成员包括手机设备制造商 半导体厂商 软件厂商 系统供应商 外围设备
  • 【记录】Git pull(拉取),push(上传)命令整理(详细)

    前言 博主最近在学习git命令 因为git是一个非常好用的分布式版本管理工具 功能比svn强大 与SVN不同点是Git去中心化 每一个分支都是一个中心 并且支持本地仓库存储 像如今很多大公司都用git做版本控制 话不多说 具体命令整理如下
  • 分享一个漂亮的ASP.NET MVC界面框架

    本文分享一个插件化的界面框架 该框架提供了用户 角色 权限管理功能 也提供了插件的管理和插件中心 下图是该界面框架的样式 全部源码和原理介绍下一篇分享 推荐越多 源码放的越早 呵呵 要使用该界面框架 你可以通过以下地址来下载到界面框架的Vi
  • Figma 笔记 常用快捷键

    画布 画框 gt 图层 gt 形状 快捷键 可在软件中查看快捷键信息 编辑快捷键 功能 L 切换到画线 Shift L 画箭头 O 切换到画圆 R 切换到画矩形 Shift X 填充 与 描边 切换 Ctrl Shift K 导入图片 支持
  • 删除排序数组中的重复项

    文章目录 删除排序数组中的重复项 一 暴力 时间复杂度O n 2 空间复杂度 O 1 二 优化 时间复杂度O n 空间复杂度O 1 删除排序数组中的重复项 给你一个 升序排列 的数组 nums 请你 原地 删除重复出现的元素 使每个元素 只
  • 软件工程中如何设计测试用例

    黑盒测试用例 将程序看做一个黑盒子 只知道输入输出 不知道内部代码 由此设计出测试用例 分为下面几类 等价类划分 把所有的数据按照某种特性进行归类 而后在每类的数据里选取一个即可 等价类测试用例的设计原则 设计一个新的测试用例 使其尽可能多
  • @Linux搭建LDAP认证服务

    文章目录 1 Ldap概述 2 Ldap的用途 3 Ldap的数据模型 1 数据模型叙述 2 目录树简述 3 Ldap目录树说明 2 搭建LDAP服务器 1 环境准备 2 Ldap服务搭建 3 Ldap Web UI安装 1 安装PHPLD
  • Git 推送本地分支至远程分支

    总结一 本地创建本地分支并切换 针对当前cas thymeleaf 创建一个cas 分支 Administrator PC 20180603XCNG MINGW64 d git workspace cas thymeleaf main gi
  • CSDN的常用技巧(字体、颜色、大小、类型、背景标记、删除、居中)

    CSDN的常用文本设置 字体 颜色 大小 类型等 一 字体设置 二 绘制表格 三 下划线 四 首行缩进 五 设置插入图片的大小 六 空格 七 黑点 八 背景标记 删除文本 九 文字居中 一 字体设置 CSDN Markdown编辑器对字体设