首页 > 其他分享 >使用css在元素的前面或者后面添加内容

使用css在元素的前面或者后面添加内容

时间:2023-04-14 12:45:04浏览次数:35  
标签:元素 前面 后面 h1 添加 内容 css

:before 在元素前面添加内容

:after 在元素的后面添加内容

<!DOCTYPE html>
<html>
<style>
h1:after {
  content: '前面的内容';
}
h1:before{
content:'后面的内容';
}
</style>
<body>

<h1>***h1内容****</h1>

</body>
</html>

 

标签:元素,前面,后面,h1,添加,内容,css
From: https://www.cnblogs.com/zhaofen/p/17317955.html

相关文章

  • CSS面试题
    一、4.14基础1.1、隐藏元素的方法有哪些●display:none:渲染树不会包含该渲染对象,因此该元素不会在页面中占据位置,也不会响应绑定的监听事件。●visibility:hidden:元素在页面中仍占据空间,但是不会响应绑定的监听事件。●opacity:0:将元素的透明度设置为0,以此来实现元素......
  • 数组元素排序(一)
    算法概述定义      排序:假设含有n个记录的序列为{R1,R2,...,Rn},其相应的关键字序列为{K1,K2,...,Kn}。将这些记录重新排序为{Ri1,Ri2,...,Rin},使得相应的关键字值满足条Ki1<=Ki2<=...<=Kin,这样的一种操作称为排序。      通常来说,排序的目的是快速查找......
  • 关于 Angular 12 的 inlineCriticalCss 选项
    inlineCriticalCss是Angular项目中的一个配置选项,用于指定是否将关键CSS内联到页面HTML中。通常情况下,网页中的CSS文件是由浏览器异步加载的,这意味着在浏览器加载完HTML后还需要额外的时间来加载CSS文件,这会导致页面的首次渲染时间较长,用户体验不佳。为了解决这个问......
  • DevExpress_GridControl添加按钮列并添加按钮事件
      一、效果二、具体操作1、单击控件右上角三角RunDesigner2、配置按钮列把TextEditStyle属性设置为HideTextEditor;3、把Buttons的Kind属性设置为Glyph;Caption显示按钮名称4、给按钮添加按钮事件5、获取点击事件选中行的数据privatevoidrepositoryI......
  • GridControl手动添加控件
    1、效果privateRepositoryItemButtonEditCreateRepositoryItemButtonEdit(Dictionary<object,string>dicButtons){RepositoryItemButtonEditrepositoryBtn=newRepositoryItemButtonEdit();repositoryBtn.AppearanceDisable......
  • ubuntu如何为应用添加桌面图标
    在Ubuntu为应用创建桌面图标,以微信为例,在麒麟系统,微信所在目录/opt/weixin1.在桌面目录,创建以.desktop为后缀的文件cd/home/用户名/桌面touchweixin.desktop2.文件添加执行权限(很重要)desktop文件只有了执行权限才能双击运行,否则双击只能出编辑页面chmoda+xwe......
  • vm装win11[添加TMP]
    初建环境【可直接选ueif启动】 开启ueif的安全启动  添加安全模块......
  • Flex| 流式 布局 ,让元素两端居左,居右,别再用float:right了
    主要代码是.parent{ justify-content:space-between; }}完整代码案例.tasklist{height:calc(80vh);overflow-y:auto;overflow-x:hidden;border:1pxsolid#ccc;border-radius:4px;}.taskhead{display:flex;height:50px;......
  • 数组的元素查找排序
    顺序查找顺序查找:挨个查看要求:对数组元素的顺序没要求publicstaticvoidarraySearch(intvalue){int[]arr={4,5,6,1,9};//intvalue=1;intindex=-1;for(inti=0;i<arr.length;i++){if(arr[i]......
  • VSCode 在 windows 下默认添加 _WIN32 的问题
    现象在VSCode在windows下环境中使用时,会默认添加_WIN32,会出现查看代码时,出现错误提示,现象如下检测到#include错误。请更新includePath。已为此翻译单元(E:\JZ_Works\Project\STM32_ProductMonitor\application\main.c)禁用波形曲线。C/C++(1696)无法打开源文件"win......