border-radius

微信小程序 progress 进度条内部圆角及内部条渐变色

微信小程序表格微信小程序progress进度条内部圆角及渐变色html:css:.wx-progress-inner-bar{border-radius:8rpx!

Bonnie(大宝)·2025-06-28 11:26

微信小程序进度条progress支持渐变色

微信小程序自带进度条progress支持渐变色代码.wx-progress-inner-bar{border-radius:8rpx!

·2025-06-28 11:52

css3 圆形水波纹特效

效果图：实现代码：.circle{width:100rpx;height:100rpx;background-color:#FF4C4C;border-radius:50%;/*圆形*/box-shadow

程序媛之博客·2025-06-28 10:14

CSS实标题现同心圆的缩放

内圈是class=“two”,代码如下：分别设置他们的div，给他们边框，并且设置成圆形.one{width:500px;height:500px;border:20pxsolidlightcoral;border-radius

做一个暴躁的开发·2025-06-28 09:43

css实现圆环效果

圆环效果图.div{width:100px;height:100px;background-color:#fbc2eb;border-radius:50%;}.div:after{content:"";

春风欲雨·2025-06-28 09:10

CSS 问题记录：:active 状态下背景超出 border-radius 的圆角区域

CSS问题记录：:active状态下背景超出border-radius的圆角区域问题描述在开发中，我们经常使用:active伪类来为可点击元素添加激活状态的样式。

码客前端·2025-06-25 14:03

css点击按钮出现水波纹效果

position:relative;overflow:hidden;padding:12px24px;background-color:#6200ee;color:white;border:none;border-radius

＆白帝＆·2025-06-25 08:51

css上下滚动文字

效果图取得是数组里的数据上下滚动切换css.notice-new{background:#222222;border-radius:19rpx;margin-top:28rpx;font-size:24rpx

洪洪呀·2025-06-23 13:21

html三角形排序按钮,CSS实现三角形的播放器按钮图标

;color:#990000;}.circle{width:120px;height:120px;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius

weixin_39668408·2025-06-20 21:55

css实现右上角角标

margin-top:-8px;font-size:15px;color:#fff;background:#ed4014;text-align:center;box-shadow:0001px#fff;border-radius

挖坑、小子·2025-06-20 21:53

xyz 瓦片leaflet地图组件显示

height:100vh;}#info{position:absolute;bottom:10px;left:10px;z-index:1000;background:white;padding:10px;border-radius

·2025-06-17 16:04

【css3】画‘百分比圆’

ellipsis.circle{width:120px;height:120px;position:relative;margin:19pxauto10pxauto;border-radius:50%;

·2025-06-13 19:15

el-color-picker颜色取色器

Element-Theworld'smostpopularVueUIframework原本样式2.修改样式成圆形::v-deep.el-color-picker{.el-color-picker__color{border-radius

星月心城·2025-06-13 19:14

CSS实现渐变圆环

如下代码.circle{width:206px;height:206px;border-radius:50%;background:linear-gradient(0deg,#36A5ED0%,#6EEE96100%

CCSSDNhbgjil·2025-06-13 19:10

AWS 亚马逊 S3存储桶直传前端demo 复制即可使用

复制即可使用S3直传示例.container{max-width:600px;margin:50pxauto;padding:20px;box-shadow:0010pxrgba(0,0,0,0.1);border-radius

阿山同学.·2025-06-06 15:31

小程序跳转H5或者其他小程序

width:100%;height:48px;margin-top:21px;font-size:18px;color:#FFFFFF;line-height:48px;text-align:center;border-radius

白柚Y·2025-06-01 04:21

css五边形

五边形.fu{width:172rpx;height:204rpx;overflow:hidden;border-radius:10rpx;clip-path:polygon(0%0%,100%0%,100%

不法·2025-05-30 03:54

CSS3实现的账号密码输入框提示效果

浮动标签效果用户名.input-group{position:relative;margin:20px;}input{width:100%;padding:10px;border:2pxsolid#ccc;border-radius

酷爱码·2025-05-29 05:16

案例——淘宝轮播图和土豆网鼠标经过显示遮罩

左箭头prev右箭头next左按钮样式（border-radius：左上，右上，右下，左下），右按钮定位，提取左右按钮共同的样式代码（并集选择器）4.底侧小圆点ul继续做。

Yolanda-Candy·2025-05-21 21:24

css3新特性总结

边框border-radius圆角边框box-shadow阴影上偏移量左偏移量模糊半径阴影面积阴影颜色inset内阴影border-image使用图形绘制边框border-image-source边框图片的路径

啾啾啾喵喵喵·2025-05-20 23:05

QComboBox下拉列表样式美化定义

QtAssistant中官方提供的脚本定义样例如下：QComboBox{border:1pxsolidgray;border-radius:3px;padding:1px18px1px3px;min-width

__ocean·2025-05-20 10:13

用HTML制作风车案例

在HTML5的Canvas中，我们可以使用border-radius来绘制风车的叶片，并使用rotate函数来实现叶片的旋转。同时，为了增加风车的美观性，我们还可以使用不同的颜色来装饰叶片。

碎碎奶黄包·2025-05-19 14:28

CSS-3-三种基本选择器

选择页面上的某一个或者某一类元素1.基本选择器1.1标签选择器选择一类标签Title/*标签选择器：会选择到页面上所有的这个标签的元素*/h1{color:blue;background:hotpink;border-radius

西西ANO·2025-05-17 01:24

探索B站 bili-fe-mirror v2.0.2的炫酷控制台效果

console.info("%cbili-fe-mirror%cv"+"2.0.2","padding:2px6px;border-radius:3px003px;color:#fff;background

xiwahub·2025-05-16 06:35

5. 动画/过渡模块 - 交互式仪表盘

dashboard{font-family:Arial,sans-serif;max-width:800px;margin:0auto;padding:20px;background:#f5f7fa;border-radius

码农黛兮_46·2025-05-15 09:40

用户注册界面设计（html,css）源码

{border:none;font-style:italic;text-align:center;text-decoration:underline;}table{border-color:gray;border-radius

赤瞳&·2025-05-08 15:19

自制彩虹边框按钮

height:50pt;border:none;transform:translate(0,0);box-shadow:01.25em2.18emrgba(0,0,0,0.3);overflow:hidden;border-radius

a181001_·2025-05-05 06:22

3.组件间通信-mitt（任意组件间通信）

/Child2.vue'.father{background-color:rgb(165,164,164);padding:20px;border-radius:10px;}.fatherbutton{

sxl不想学习·2025-05-04 10:45

去除elementui中的el-input组件的默认样式

.input{width:224px;height:40px;line-height:40px;background:#F3F6FB;border-radius:4px;padding:012px;margin-right

shuaishuais0·2025-05-02 18:45

【Vue bug】:deep()失效

vue组件中使用了element-plus组件取消确定//组件内自定义的elementplus的样式，:deep(.el-dialog){border-radius:10px!

致微·2025-05-02 05:51

原生js封装ajax请求以及css实现提示效果和禁止点击效果

;}.cardBody{margin-top:0;padding:1rem.75rem;}.main{width:100%;background:#FFFFFF;padding:.5rem01rem;border-radius

niech_cn·2025-04-29 20:27

如何创建玻璃磨砂按钮效果：CSS 完美呈现

通过使用backdrop-filter、box-shadow和border-radius，我们能为按钮添加现代、透明且有深度感的玻璃效果。当你悬停按钮时，还会有额外的动态效果，让整个界面更加吸引眼球。

@大迁世界·2025-04-29 07:23

【华为OD技术面试真题 - 技术面】- 前端面试题（7）

面试真题精选目录:2024华为OD面试手撕代码真题目录以及八股文真题目录1.CSS画椭圆.ellipse{width:300px;height:150px;background-color:blue;border-radius

算法大师·2025-04-27 12:44

JS实现日历

ffffff;color:#000000;}td,th{text-align:center;cursor:pointer;height:30px;}td{width:40px;height:40px;border-radius

派大鑫的工作室·2025-04-19 13:07

一个高级的HTML页面

{width:8px;}::-webkit-scrollbar-track{background:#f5f5f5;}::-webkit-scrollbar-thumb{background:#888;border-radius

yzx991013·2025-04-18 11:51

CSS 学习01 定位、阴影与伪元素

为子元素绝对定位提供参考坐标系*/height:140px;width:240px;/*固定容器尺寸*/padding:20px;/*内边距创造内容空间*/background-color:#fff;/*白色背景*/border-radius

web_Hsir·2025-04-12 14:36

纯css实现环形进度条

circular-progress::before{content:"";position:absolute;width:80%;height:80%;background:rgba(0,0,0,1);border-radius

Z编程·2025-04-09 18:03

css专题1-----给div盒子的边框添加阴影

原div盒子的css代码为：padding:020upx;border:1pxsolid#F0F0F0;box-sizing:border-box;border-radius:5upx;要为边框（border

上趣工作室·2025-04-09 18:29

前端知识点 --- border-Radius的四个角(css)

border-radius示例.box{width:200px;height:150px;background-color:#4CAF50;border-radius:20%5%20%5%/5%20%5%

*星之卡比*·2025-03-29 03:20

基于HTML的邮件发送状态查询界面设计示例

以下是一个基于HTML的邮件发送状态查询界面设计示例，结合筛选功能、状态展示和重新发送操作，采用Bootstrap框架实现响应式布局：邮件发送状态监控系统.status-badge{padding:4px8px;border-radius

大霸王龙·2025-03-28 08:35

前端面试题100题：问答精选与简明解析

边框圆角（border-radius），阴影（box-shadow，text-shadow），渐变（linear-gradient，radial-gradient），弹性盒模型（flexbox），媒体查询

薛飞之·2025-03-25 13:50

让 Deepseek 写一个计算器（网页）

align-items:center;height:100vh;background-color:#f4f4f4;}.calculator{background-color:#fff;padding:20px;border-radius

—Qeyser·2025-03-15 17:27

Laravel 多图片上传

;margin-top:20px;}.image-previewimg{max-width:100px;max-height:100px;margin:5px;border:1pxsolid#ccc;border-radius

—Qeyser·2025-03-08 17:45

css实现：不固定宽高，随内容宽度自动增长的圆形

1.circle{display:inline-block;border-radius:50%;min-width:20px;min-height:20px;padding:5px;background

月伤59·2025-03-06 23:27

css 梯形tab标签页

tabDocument.nav{display:flex;width:300px;align-items:flex-end;}.nav.item{flex:1;height:40px;background:#eee;border-radius

有脾气的程序媛·2025-03-06 23:56

Qt的QGroupBox样式设置

以下是一些常用的样式设置方法及示例：基础样式设置QGroupBox{border:2pxsolid#FF0000;/*边框颜色*/border-radius:5px;/*圆角半径*/margin-top

水瓶丫头站住·2025-03-05 22:24

CSS3过渡效果小练习-进度条

Document.bar{width:150px;height:15px;border:1pxsolidred;border-radius:7px;}.bar_in{width:50%;height:100%

nuomi_w·2025-02-27 02:04

数字人批量生成视频

集星智影-数字人.layui-anim-downbit{border-radius:0.35rem;

李lrh9166·2025-02-26 12:14

第一章：认识Tailwind CSS - 第四节 - Tailwind CSS 与其他 CSS 方案的对比

主流CSS方案概览1.传统CSS/*传统CSS*/.button{background-color:#3490dc;padding:0.5rem1rem;border-radius:0.25rem;color

·2025-02-24 09:49

前端数据类型终极指南：从JavaScript到TypeScript

max-width:1000px;margin:0auto;padding:20px;}.type-card{border:1pxsolid#e0e0e0;padding:20px;margin:15px0;border-radius

念九_ysl·2025-02-23 22:33

推荐频道