首页 > 其他分享 >前端在标题前面添加蓝色竖线

前端在标题前面添加蓝色竖线

时间:2023-03-03 14:02:09浏览次数:44  
标签:3px title 前端 添加 radius position border top 竖线

<br><br>.title {
  position: relative;
  padding-left: 13px;
  margin: 24px 0px;
}
 
.title:before {
  content: '';
  background-color: #3796EC;
  width: 4px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

标签:3px,title,前端,添加,radius,position,border,top,竖线
From: https://www.cnblogs.com/openmind-ink/p/17175365.html

相关文章

  • 前端问题解决步骤
    总结,有错误看错误,没明显错误看逻辑。F12查看(看连接是否有错误。)在看NetWork查看选项Fetch/XHR(看具体接口对应相关数据是否正确)找后端代码和前端代码的逻辑问题。(swagg......
  • 最热的前端Web组态工具(可视化)
    最热的前端Web组态工具(可视化)数维图零代码可视化www.sovitjs.com​关注他 152人赞同了该文章现在系统可视化需求越来越大,本文整理几个目前最......
  • js 添加水印,防篡改
     水印是安全中的一部分,或者可以推广加上自己的一些信息前端实现方式,是通过创建canvas,将文本或图片添加到canvas,然后导出图片作为背景图以下实现方法/watermark.js......
  • Idea中添加Maven项目支持scala
    一、 Scala环境搭建1、安装步骤(1)首先确保jdk1.8安装成功(2)下载对应的Scala安装文件scala-2.11.8.zip,下载地址:https://pan.baidu.com/s/1D7KxZOLZReXK46LNo_jiG......
  • 前端常用英语汇总
    HTML(只统计常用标签)|<!DOCTYPE>|声明必须位于HTML5文档中的第一行,也就是位于<html>标签之前。该标签告知浏览器文档所使用的HTML规范 |<html>  |表示......
  • C#/VB.NET 如何在 Word 文档中添加页眉和页脚
    页眉位于文档中每个页面的顶部区域,常用于显示文档的附加信息,可以插入时间、图形、公司微标、文档标题、文件名或作者姓名等;页脚位于文档中每个页面的底部的区域,常用于显示......
  • 前端验证码实现
    实现:Sidentify.vue<template><divclass="s-canvas"><canvasid="s-canvas":width="contentWidth":height="contentHeight"></canvas></div></template>......
  • ABP微服务系列学习-对接前端界面
    前面我们把后端的微服务架子基本搭建完成并成功启动了,现在我们可以对接前端界面了。这里我们直接用ABP模板里面的Angular的前端界面。创建应用程序模板使用ABPCli创建一......
  • Android Studio 之连接mysql实现添加功能
    昨天经过几个小时的奋斗,终于是连接上了mysql说实话过程十分艰辛,包括查ip换网络改权限改数据库的表改网络等等之后也尝试过在自己电脑上下另一个版本的mysql但是都以......
  • 在CLion中如何为CMakeLists.txt文件添加第三方依赖库
    cmake_minimum_required(VERSION3.5)project(ImageBasedModellingEdu)set(CMAKE_MODULE_PATH"${CMAKE_CURRENT_SOURCE_DIR}/cmake/"${CMAKE_MODULE_PATH})set(EIGEN_INC......