8px

首页 > TAG信息列表 > 8px

查漏补缺——说说CSS中的一个冒号和两个冒号有啥区别？

问题如题所示答案相关源码： .donate_inner:after, .donate_inner:before { content: ""; position: absolute; left: 0; bottom: 45%; margin-left: -8px;

css 箭头

1、箭头 width: 25px; height: 25px; border-bottom: 8px solid #888; border-right: 8px solid #888; border-radius: 8px; transform: rotate( 45deg);

解决element-ui table fixed后滚动条问题

<template> <el-table :data="tableData" class="table-fixed" > <el-table-column prop="contractcode" fixed label="合同编号"> </el-table-column> <el-table-colu

【无标题】

效果：代码： <body> <div class="container"></div> </body> <style> body{ background:black; } .container{ width: 200px; height: 100px; background-image: radial-gradient(circle, transparent 8px,

css 直播柱状动图

.live-anime { display: inline-block; vertical-align: bottom; width: 2px; background-color: white; border-radius: 2px 2px 0 0; margin-left: 2px; } .live-anime0 { height: 8px; animation: liveAnime0 1s i

el-table自定义滚动条样式

可在App.vue中进行全局设置该滚动条样式，项目保持一致。 /** * 滚动条样式 */ ::-webkit-scrollbar { width: 6px; height: 6px; } /** * 滚动条的滑块 */ ::-webkit-scrollbar-thumb { background: #bbbbbb; border-radius: 8px; -webkit-box-shadow: inset 0 0 4p

css实现右尖括号样式

.arrow{ position: absolute; right: 20px; top: 52px; width: 8px; height: 8px; border-top: 1px solid #000000; border-right: 1px solid #000000; transform: rotate(45deg); }

浏览器滚动条样式设置

::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar { width: 8px; height: 8px; /* display: none; */ } /* //滚动条的滑块 */ ::-webkit-scrollbar-thumb { background-color: rgba(144, 147, 153, 0.7); border-radius: 4px; }

css中的毛玻璃（不是透明度）简单文档

其实毛玻璃很简单只需要在css中加入 backdrop-filter:blur(8px); 8px是模糊力度注意：使用该方法前需要设置背景不能是透明（如果是显示这个元素下面的图像记得半透明，例子就是）完整例子：例子目录下有一个背景图片 bg.jpg 和css文件毛玻璃.css HTML: <!DOCTYPE html> <html>

山东大学软件学院暑期项目实训记录（二）

一、根据E-R图确定接口需求博客浏览页博客头部，返回用户头像，用户名，邮箱，用户标识点击博客编辑，查询文章id，返回文章标题，文章摘要，文章内容热门文章，返回热门文章标题博主最新文章，返回该博主最新发布的三篇文章标题文章，返回文章标题，创建时间，标签，（浏览量待定），文章内容返回点赞数，收

css绘制三角箭头

.arrawLine{ height: 42px; padding-top: 12px; } .arrawLine .arraw1{ display: inline-block; width: 150px; height: 6px; background: #e4e4e4; } .arrawLine .arraw2{ display: inline-block; width: 0; height: 0; border-widt

滚动条默认样式修改

/* 滚动条默认样式修改 */ .scrollbar::-webkit-scrollbar { width: 8px; height:8px; } .scrollbar::-webkit-scrollbar-track { background: #f7f7f7; border-radius: 5px; } .scrollbar::-webkit-scrollbar-thumb { background: #c8c8d0; border-radius: 5px;

16伸缩

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>伸缩16</title> <style> .box-card{ height: 314px; width: 50%; background-color: #fff; border-radius: 4px; box-shadow

波纹效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> &l

使用html+css+javaScript技术实现以下功能

使用html+css+javaScript技术实现以下功能，输入起始数和终止数（注意：起始数小于终止数），计算其累加和，如下图所示：这里先说一下思路： 1，边框是两种颜色，而且是两层，说明至少要用两个div嵌套，而且设置边框颜色的时候需要分上下左右，不能直接一个border全部设置。 2，第一点说了两个div区块

QTabWidget标签头（Tabbar）上方留出空白

今天遇到调整QTabWidget样式的问题。最难解决的问题是，标签页上方留出部分空白背景区域。预实现效果如下箭头所指区域是背景色。实现方法这里我取了个巧，直接设置的 margin-top，暂时没有找到更好的方法。 QTabBar::tab { margin-top:8px; } 番外篇在解决上个问题之

vscode使用formate格式化less遇到的坑

就是这个家伙我的代码 @input-padding-y : 8px;@input-padding-x : 12px; @input-padding-y-lg : @input-padding-y + 4px;@input-padding-x-lg : @input-padding-x + 4px; 格式化后，他把加号“+”后面的空格去掉了 @input-padding-y : 8px;@input-padding-x : 12px; @i

CSS重置浏览器所有默认的样式

::-webkit-scrollbar-track-piece { width: 8px; height:8px; background-color: #f0f0f0; /* 背景色 */}::-webkit-scrollbar { width: 8px; height:8px; background-color: #00C0FF}::-webkit-scrollbar-thumb { width: 8px; height:8px; background-color: seagreen}::-webkit

[原]终于做了一个登陆页

一直想自己做一个漂亮一点的登陆界面，但是一直拖到现在；这几天学着CSS3，借鉴网上的一些登陆页面风格，花了一晚上做了还算可以看的登陆，还有些不完善，其实主要就是用的css3的radius和shadow，没什么技术含量，主要是做着好玩，也算了是了了一桩心愿吧，哈哈哈截图如下，一直没有开个人的博

纯CSS画三角形（带边框）

实例一： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> .find-div-body{ position: relative; top:30px; right:0px

如何在APP设计中运用网格系统？

如何在APP设计中运用网格系统？ --安阳师范学院互联网+应用技术学院UI设计方向讲师黄艳芳第1步：定义最小单元格最小单元格的数值，大多数APP会选择4-10这个范围内一个偶数。那么选用哪个值最为合适呢？这需要从两方面考虑：• 一方面是该数值是否能被大多数手机屏幕的宽度整除，即广泛的适