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的常用技巧(字体、颜色、大小、类型、背景标记、删除、居中) 的相关文章

  • Twitter Bootstrap 上的插入符号是如何构建的?

    这更多的是一个好奇问题 而不是我真正需要知道的事情 在本页面 http twitter github com bootstrap components html buttonDropdowns http twitter github com
  • 获取 CSS 计算结果以设置自定义属性

    我正在测试一个 CSS 框架 用于通过微类指定数字 例如 类似的东西 div class fifty percent wide 可能会翻译成width 50 该实现使用 CSS 变量 自定义属性 考虑以下 CSS fifty number
  • 这个 CSS 选择器是什么? [类* =“跨度”]

    我在 Twitter Bootstrap 中看到了这个选择器 show grid class span background color eee text align center border radius 3px min height
  • 使用 PHP 将 class="active" 添加到活动页面

    动态标头 CSS 类更改为活动使用 PHP 目录 我想要的班级 li 在活动目录下更改标签 现在 每个指南都向我展示了当您的页面等于它时如何执行此操作 但我想更改 这 li li 取决于我所在的目录 例如 如果说我在 http exampl
  • 是否可以在没有 Javascript(仅 CSS)的情况下执行相同的操作(悬停效果)?

    我正在尝试创建一个带有图标的按钮像这样 http jsfiddle net pRdMc HTML div div class icon div span Send Email span div CSS button width 270px
  • 如何检查元素的内容是否为空,如果是,则在 jquery 中删除该元素

    我目前正在尝试选择某个 div 内没有内容的任何 h2 元素并将其删除 这是我的 html 代码 div class skipToContainer h2 class vidSkipTo Hello h2 h2 class vidSkipT
  • 文本后面有粗下划线

    如何使用 span 和 css 在文本 ABC 后面重现这种下划线 我已经能够做下划线below嵌套的文本span和彩色的border bottom 但无法获取behind图像和above文本基线 p style font size 48p
  • 跨浏览器:禁用输入字段的不同行为(文本可以/不能复制)

    我有一个被禁用的输入 html 字段 在某些浏览器 Chrome Edge Internet Explorer 和 Opera 中可以选择并复制文本 但至少在 Firefox 中这是不可能的 您可以通过在不同浏览器中执行以下代码来测试
  • 如何更改 Shiny 中 navbarPage 折叠的断点

    我想用shiny navbarPage collapsible TRUE 当在小屏幕上查看我的 Shiny 应用程序时 将导航元素折叠到菜单中 默认情况下 当浏览器宽度小于 940 像素时会触发折叠 有什么方法可以改变这一点 以便在稍大的浏
  • 两种颜色边框

    客户想要两种颜色的边框以获得浮雕外观 我可以在一个元素上执行此操作吗 我希望避免堆叠两个具有单独边框的 DOM 元素 是的 使用outline财产 它充当您边界之外的第二个边界 但请注意 它可能会以一种奇怪的方式与边距 填充和阴影进行交互
  • 使用滤镜将css3灰色图像转为蓝色?

    我正在尝试将灰色图像变为更蓝色的色调 真的不知道如何为此设置滤镜或是否可能 该图像只有一种颜色 cacaca 其余部分透明 我正在尝试使用相同的图像进行一些叠加 以便它仅突出显示那些彩色部分而不是透明区域 一直在尝试其中的一些 但没有取得多
  • 为开槽元素中的后代元素设置样式

    是否可以选择开槽元素中的后代元素 像这样的例子 slotted div p color blue div p test p div 这不起作用 不 您只能选择顶级节点 slotted slotted 中的选择器只能是复合选择器 https
  • 我可以在 CSS 类名中使用驼峰命名法吗

    我想命名一个 CSS 类并调用它imgSuper 我可以在 CSS 类中使用驼峰命名法吗 从技术上讲是可以的 但这是有风险的 因为虽然 CSS 语法大多不区分大小写 但在某些浏览器中 在某些条件下 类名被视为区分大小写 因为规范没有指定浏览
  • CSS 中的像素与像素密度

    我对 HTML 和 CSS 非常陌生 我突然想到 当决定某个东西是 5px 时 比如说 由于像素的物理尺寸取决于密度 所以 5px 在 100 ppi 的屏幕上看起来肯定比在 300 ppi 的屏幕上看起来更大ppi 这是正确的吗 如果是
  • 保持未知数量的 div 居中,每行最多 4 个

    我有一个简单的问题 但我自己无法解决 简而言之 有一个未知电话我必须在页面中放置的元素数量 最多 每行 4 个元素 但仍居中 此图片给您一个提示 我为了示例而设置它 详细 在上图中我涵盖了不同的场景 例如 如果总共有 5 个元素 则应使用第
  • 现在 CSS3 供应商前缀有多必要? [复制]

    这个问题在这里已经有答案了 我只是想知道现在在 CSS 中指定 webkit moz ms 或 o 等供应商前缀在多大程度上仍然有必要 如果我理解正确的话 opera 切换到了 webkit 所以会删除 o 对吗 IE 在 IE10 中不再
  • 避免响应式页面的重复内容

    我目前正在做一个涉及响应式设计的项目 整个布局应该使用HTML和CSS来实现 我知道可以使用 java 脚本将内容从一个列布局移动到另一列布局 而无需复制内容 但是使用 HTML 和 CSS 是否可以实现相同的效果 以下面的例子为例 它会在
  • 如何仅在最后一个
  • 处给出透明六边形角度?
  • 我必须制作这样的菜单 替代文本 http shup com Shup 330421 1104422739 My Desktop png http shup com Shup 330421 1104422739 My Desktop png
  • 为什么元素上的负底部边距会降低该元素父元素的高度?

    这可能是由于边距折叠造成的 我知道边距折叠 至少知道它如何影响相邻元素 但我不明白当涉及负边距时它如何在嵌套元素上工作 例如 在此标记和随附的 CSS 中 Markup div class parent div class child Ch
  • 带有相对路径的 LESS CSS 背景

    我在使用 LESS 作为我的网站的样式表时遇到了问题 就我个人而言 我宁愿在CSS中使用相对路径而不是绝对路径 这只是我的习惯 但是现在当我使用带有导入功能的LESS时 我遇到了如下所示的问题 我有一个main less根文件夹中的文件 i

随机推荐

  • 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编辑器对字体设