6px

首页 > TAG信息列表 > 6px

scrollbar.css

/* 根据实际需求，可以不要。 */ body { overflow-y: scroll; } ::-webkit-scrollbar { /*滚动条整体样式*/ width: 6px; /*高宽分别对应横竖滚动条的尺寸*/ height: 6px; } /*定义滚动条轨道内阴影+圆角*/ ::-webkit-scrollbar-track { border-radius: 10px; background

进度条，使用中的

antd-vue ：修改a-select下拉框的滚动条样式

通过给 a-select 标签设置 dropdown-class-name 属性，添加一个 class 类，然后修改这个类的样式 <a-select v-model="countName" default-value="xx市" style="width: 80px" dropdown-class-name="eia-dropdown-class" > <a-sele

前端CSS3阴影box-shadow用法

前端CSS3阴影box-shadow用法语法 box-shadow: h-shadow v-shadow blur spread color inset; 对应解释 box-shadow: 水平阴影（必须）垂直阴影（必须）模糊效果（可选）模糊距离（可选）阴影颜色（可选）内部阴影（可选，默认为外部阴影：outset，且不可设置为outset）; 上代码详细介绍点击查看代码 <!DOC

python测试开发django-190.bootstrap3 多级下拉菜单实现

前言 bootstrap3 实现下拉菜单非常方便，但是没提供多级下拉菜单的实现方式。下拉菜单把下拉菜单放到一个div，设置class属性.dropdown, 按钮设置属性data-toggle="dropdown",菜单项ul设置.dropdown-menu 属性就可以实现一个下拉菜单 <div class="dropdown"> <button class="btn

css 滚动条美化

1、css ::-webkit-scrollbar { width: 6px; height: 6px; background-color: #f5f5f5; } /*滚动条阴影~圆角*/ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(128, 128, 128, 0.7); border-radius: 10px; background-colo

缩进

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>阴影-陈敏芳</title> <style type="text/css"> body{ font-size: 20px; } h1{ font-family: 微软雅黑; color: #fff; background: #fc0;

圆环加载进度条

<template> <div class="g-container"> <div class="g-circle"></div> </div> </template> <script> export default { } </script> <style lang="scss"> body, html { wid

饿了么ui自定义el-select小三角图标

如下图：需求需要自定义el-select小三角图标。解决方案： /deep/.el-select__caret::before { content: ''; background: url(../../../assets/image/comui/arrow-up.png); //自定义图片 position: absolute; background-size: 11px 6px; width: 11px;//

改变element 的表格样式的滚动条

// 滚动条的宽度 .el-table__body-wrapper::-webkit-scrollbar { width: 6px; // 横向滚动条 height: 6px; // 纵向滚动条必写 } // 滚动条的滑块 .el-table__body-wrapper::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 3

CSS3 边框彩虹跑马灯

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=

CSS滚动条样式设置

采用以下三个伪元素设置/*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar{ width: 7px; height: 7px; background-color: #F5F5F5; } /*定义滚动条轨道内阴影+圆角*/ ::-webkit-scrollbar-track { box-shadow: inset 0 0 6

uni-app小程序优惠券镂空样式实现(完整代码！！！)

优惠券半圆镂空效果利用渐变实现，核心代码示例： background: radial-gradient(circle at left top, transparent 6px, #ffd7d7 0) top left / 50% 100% no-repeat, radial-gradient(circle at right top, transparent 6px, #ffd7d7 0) top right / 50% 100% no-repeat; 效

博客园美化 | part06-标题样式

#cnblogs_post_body h2 { font-size: 21px; font-weight: bold; line-height: 1.5; margin: 10px 0; background: #b5ccff; border-radius: 6px; } /** h2标签首部内容 **/ h2::before { content: "

用CSS绘制实体三角形并说明原理

.test{ width:0;height:0;margin:0 auto;border:6px solid transparent;border-top: 6px solid red;} 复制代码 1.采用的是均分原理盒子都是一个矩形或正方形，从形状的中心，向4个角上下左右划分4个部分。 2.代码的实现第一步保证元素是块级元素第二步设置元素的边框第三步

25-微信小程序商城我的收藏（微信小程序商城开发、小程序毕业设计、小程序源代码）（黄菊华-微信小程序开发教程）

我的收藏本节主要讲解我的收藏界面的实现。效果如图15-9所示。内容的布局分析可以参考12.8节“销售排行”。实现功能的.wxml文件代码示例如下：  <view class='text'> <view class='line_y'></view> <text>我的收藏列表</text> </v

博客园css样式代码

文章有一个好的排版，将能够增加阅读者对其内容的兴趣。本文总结了如何美化博客园中文章的部分显示样式。美化文章标题的显示样式、增添LaTex数学公式的显示、目录索引的显示、添加文章末尾的固定信息。 0 获取权限首先，在自定一个博客样式之前，我们需要进入博客园自定义博客模板的页

Qt样式表：QComboBox的弹出列表样式

QComboBox的弹出列表的类型是QAbstractItemView。这是个抽象类，无法创建对象，如果QComboBox自定义弹出列表类型使用的是它的子类，一般是QListView。当然用其他子类也行，如： ui->comboBox->setView(new QTreeView()); 就是看起来怪怪的。弹出列表参考样式： QComboBox{ border

css美化滚动条

/* 隐藏滚动条 */ ::-webkit-scrollbar { width: 0px; height: 0px; background: transparent; } /* 美化滚动条 */ .overflow-scroll { &::-webkit-scrollbar-track-piece { border-radius: 0 } &::-webkit-scrollbar { width: 5px;

我的博客园的定制化配置v20201229

2020终于要过去了，给博客园更换一个新皮肤，2021年新年新气象。 Silence：https://esofar.github.io/cnblogs-theme-silence/#/?id=cnblogs-theme-silence 专注于阅读的博客园主题备份下原来基于SimpleMemory主题 + 部分定制化的代码。包含回到top、文章自动生成目录的功

博客园定制-clover-侧边栏调整到左边

页面CSS定制 /*右面大块*/ #centercontent { padding-top: 10px; padding-right: 20px; padding-left: 320px; } /*左面大块*/ #leftcontent { position: absolute; top: 186px; left: 10px; width: 300px; background-color: #fff; border:

react 高阶组件如何写，一个高阶组件的小demo

高级组件 higherOrderComponent （HOC）　　是个纯函数，接收一个组件，返回一个组件例子：效果图 js部份 import React, { Component } from "react"; import "./Blackboard.less"; const defaultParams = { } export const Blackboard = (params = defaultParams) => (WrappedC

实现字体最小，不是默认的12px，可以在视觉上最小达到6px

<span data-v-68d67528="">安全事件</span> <style> span{ font-size: 12px; transform: scale(0.5); } </style> 　　

column 实现瀑布流

1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scal

跟我一起定制个人专属博客界面

入园已有两年有余，时有博文发表，博客首页使用的是博客园团队提供的模版，但总感觉页面有些单一。平时在看别人的博客时，都有一些自定义功能，还蛮吸引我的。参考了很多博文，今天来一个总结，将自己的博客美化过程来分享下。先来整体感受一下，美化后的博客首页，如下所示。虽然谈不上精致，但还