border-radius

CSS3边框与轮廓

其语法格式如下：.element{border-radius:[horizontal-radiusvertical-radius]|[radius];}horizontal-radius和vertical-radius

天涯学馆·2025-02-02 04:02

基于vue和elementui的简易课表

原程序在vue3.5.13版本下不能运行，修改两处：1）slot-cope改为v-slot2）return'background-color:rgb(24144255/80%);color:#fff;border-radius

zhouzhurong·2025-02-01 15:00

uniapp 微信小程序去除button默认样式

一般情况下我们需要去掉的默认样式就是button按钮的背景和边框.btn{color:#333;text-align:center;border:none;border-radius:0;background-color

带着梦想扬帆启航·2025-01-25 06:08

uniapp中使用vant wappp

.custom-button{.van-button{background-color:blue;border-radius:10px;}}如果你的style样式中存在scoped，我们可以利用vue中的语法

m0_70647189·2025-01-25 05:05

网页固件升级界面设计

1.代码本地固件升级.L1_tab-content{max-width:400px;margin:20pxauto;padding:20px;border:1pxsolid#ccc;border-radius

lljss2020·2025-01-23 15:15

CSS属性：fit-content

10vh;left:0;right:0;margin:auto;width:fit-content;background:rgba(0,0,0,0.3);font-size:28px;color:#fff;border-radius

Frilled Lizard·2025-01-22 13:48

uniapp 微信小程序金额展示套餐

喜欢作者其他金额-->￥{{item}}js//打赏asyncfun_reward(price){//里面写逻辑},css.gradelist{padding:30rpx;background:#f5f5f5;border-radius

竣子好逑·2025-01-19 07:32

CSS3新特性

圆角通过border-radius属性可以给任何元素制作圆角。border-radius:所有四个边角border-*-*-radius属性的缩写。

FL1623863121·2024-09-12 07:12

用JavaScript写一个简单的9*9乘法表

;/*可以使行内元素表现得像块级元素一样*/text-align:center;/*文本居中*/border:1pxsolidturquoise;margin:2px;/*每个边框之间距离为2px*/border-radius

迷雾yx·2024-09-11 13:35

１１．２０－补充

transition:div中的div居中transform:translateX(-50%)扇形：div{width:0;height:0;border:11pxsolidred;border-radius

索伯列夫·2024-09-10 09:58

用html写出生日蛋糕,纯HTML5+CSS3制作生日蛋糕代码

.birthday.container{width:600px;height:600px;margin:0pxauto;background:#fafafa;border-radius:5px;position

天眼查·2024-09-08 11:56

5-2day-homework(登录窗口)

d1{margin:50px200px;height:300px;width:310px;background-color:rgba(230,230,230,0.7);padding:60px45px;border-radius

阅心_5cc2·2024-09-08 06:28

【vue3+ts+vant】上传图片

，支持点击删除事件函数基础结构最多9张图,最大5MB修改组件样式scss::v-deep(){.van-uploader{&__preview{&-delete{left:-6px;top:-6px;border-radius

lisa带你捕蟑螂·2024-09-07 00:54

el-radio-group样式自定义

images/essay/essay-0.1.png)].ai-tab-change{//中部按钮样式.el-radio-button__inner{//width:82px;//height:36px;border-radius

懒人w·2024-09-07 00:23

css渐变边框的两种方案

使用一个单独的元素作为渐变色背景放在最下层，上层设置一个透明的border和纯色的背景（需要设置background-clip:padding-box以避免盖住下层元素的border）,上下两层设置相同的border-radius

冰眸js·2024-09-03 08:24

CSS 自定义滚动条样式

background-color:#F5F5F5;}/*定义滚动条轨道内阴影+圆角*/::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);border-radius

MGLMONSTER·2024-08-31 18:03

DOM鼠标事件、表单事件、添加事件监听

:鼠标按下时触发mouseup:鼠标抬起是触发mouseenter:鼠标移入触发mouseleave：鼠标离开触发mousemove:鼠标移动.btn{width:100px;height:50px;border-radius

船长㉿·2024-08-31 16:17

使用css实现水球效果

keyframesroll{form{transform:rotate(0deg);}to{transform:rotate(360deg);}}.shuiqiu{width:200px;height:200px;border-radius

——jinqiang12345·2024-08-29 22:36

css的选择器

浅灰色背景*/border:2pxsolid#007bff;/*蓝色边框*/color:#333;/*字体颜色*/font-size:16px;/*字体大小*/padding:10px;/*内边距*/border-radius

垦利不·2024-08-28 15:34

修改原神角色数据列表：更好用了

GenshinRoleTableContainer{display:flex;table{border-collapse:collapse;caption{background-color:#80a4b1;border-radius

与妖为邻·2024-08-27 20:30

移动端ipad布局适配

important;border-radius:45px!important;/*其他样式规则*/}/*按钮

G24gg·2024-08-26 23:21

微信小程序--31(todolist案例)

功能输入待办事件添加代办事件删除代办事件二、步骤1.添加输入框.wxml代码：.wxss代码：/*1.输入框样式*/input{border:1rpxsolidblue;height:50px;line-height:50px;border-radius

阿巴阿巴啊啊啊·2024-08-23 06:28

uniapp+vue3的轮播图

width:750rpx;height:340rpx;&-item{width:100%;height:100%;padding:030rpx;image{width:100%;height:100%;border-radius

总萌大人·2024-08-23 05:52

微信小程序修改checkbox和radio的样式

首先是修改checkbox样式的代码：/*重写checkbox样式*//*未选中的背景样式*/checkbox.wx-checkbox-input{border-radius:50%;/*圆角*/width

叶落无痕123·2024-03-29 03:04

一个简单的微信小程序表单提交样式模板

scss.box{padding:30rpx;}.form-item{display:flex;background-color:rgb(221,230,230);margin-bottom:10rpx;border-radius

w宇宙王·2024-03-17 02:35

css3夜晚星空

padding:0;}.container{width:100vw;height:100vh;background-color:#000;}.moon{width:100px;height:100px;border-radius

苦逼的猿宝·2024-03-06 15:08

css通过calc动态计算宽度

100%-40px).m-mj-status-drawing-info-data{display:inline-block;margin:10px;min-width:200px;padding:10px;border-radius

徐同保·2024-03-03 07:25

码肥人壮·2024-02-20 16:32

css动画-太极图

position:relative;width:240px;height:120px;margin:100pxauto;border-style:solid;border-width:1px1px120px1px;border-radius

ssttIsme·2024-02-20 14:12

html从零开始8：css3新特性、动画、媒体查询、雪碧图、字体图标【搬代码】

css3新特性div{width:200px;height:200px;background-color:aqua;position:relative;border-radius:20px;/*圆角属性

搬代码·2024-02-20 00:47

使用纯 CSS 实现元素高度的过渡（不采用 max-height）

details{position:absolute;top:34px;left:0px;border-radius:8px;width:170px

知半愚无·2024-02-19 23:58

QLabel重绘实现圆角矩形图片/文本和图片同时显示

但是，使用QLabel显示图片时，qss样式设置的border-radius圆角属性是不生效的！

难搞哦~·2024-02-19 14:40

滚动条样式

webkit-scrollbar{/*滚动条整体样式*/width:1px;/*高宽分别对应横竖滚动条的尺寸*/height:1px;}.nav-bar::-webkit-scrollbar-thumb{/*滚动条里面小方块*/border-radius

猿分让我们相遇·2024-02-19 14:33

用HTML和JavaScript实现点击显示和关闭弹窗

jsp_edit.modifydiv,.adddiv,.deletediv{display:none;position:fixed;top:30%;right:40%;border-radius:10px

天晓蓝·2024-02-19 12:07

[前端开发] CSS基础知识 [下]

上篇:CSS基础知识[上]CSS基础知识[下]CSS新特性媒体查询雪碧图字体图标CSS新特性圆角(border-radius)通过border-radius属性为元素添加圆角。

YuanDaima2048·2024-02-19 10:46

第13讲创建图文投票

创建图文投票实现图文投票和文字投票基本一样，就是在投票选项里面，多了一个选项图片；、.option_item{margin-top:10px;border-radius:

九品印相·2024-02-15 05:06

第12讲创建图文投票实现

创建图文投票实现图文投票和文字投票基本一样，就是在投票选项里面，多了一个选项图片；.option_item{margin-top:10px;border-radius:5px

九品印相·2024-02-15 05:05

[HTML]Web前端开发技术21（HTML5、CSS3、JavaScript ）HTML5 基础与CSS3 应用，border-radius，box-shadow，transform——喵喵画网页

希望你开心，希望你健康，希望你幸福，希望你点赞！最后的最后，关注喵，关注喵，关注喵，佬佬会看到更多有趣的博客哦！！！喵喵喵，你对我真的很重要！目录前言CSS3边框1.border-radius圆角边框2．box-shadow边框阴影3．border-image边框图像CSS3转换transform属性1．CSS32D转换总结前言来来来，上号~CSS3边框CSS3具有3个边框属性1.border-r

猫佛·2024-02-15 01:48

有趣儿的组件（HTML/CSS）

继续分享哦~文章目录1.按钮2.输入3.工具提示4.单选按钮5.加载中1.按钮HTML：ButtonCSS：button{padding:10px20px;text-transform:uppercase;border-radius

神慕蔡蔡·2024-02-14 08:14

17-CSS3边框和渐变

将直角的边框变成圆角的边框边框圆角的格式：*border-radius：左上右上右下左下;将矩形变成圆形的技巧border-radius：50%;系统如何绘制圆角？

a3546490d262·2024-02-14 08:43

Vue核心基础4：绑定样式、条件渲染、列表渲染

background-color:pink;}.normal{background-color:skyblue;font-size:larger;border:1pxsolidblack;}.sad{border-radius

是小蟹呀^·2024-02-13 13:10

设置居中移动端显示文本偏上问题

在有背景的view上Android手机文本显示偏上，iOS手机显示正常显示偏上.device-main-flag{height:30rpx;width:30rpx;background:#ff6e00;border-radius

小领袖·2024-02-13 12:43

JavaEE02_css

");优先级：就近原则，谁离要显示的近就是谁的颜色基本选择器标签选择器：/*标签选择器，会选择到页面上所有这个标签的元素，这里是标签*/h1{color:red;background:#b8faab;border-radius

xiaosi852·2024-02-13 09:23

QT QCombox 样式表比起作用

curve_comboBox{min-width:150px;min-height:40;max-width:150px;max-height:40;border:1pxsolidgray;/*设置边框*/border-radius

开心大爆炸·2024-02-12 08:14

vite创建之实践项目

.alert{ position:absolute; width:290px; top:50px; margin:0auto; padding:10px0; background:#e76a6a; border-radius

·2024-02-11 18:15

【小拼科技多商户小程序商城】商家后台页面优化

为了能与管理端后台界面区别开来项目构建于看云，https://www.kancloud.cn/tpcms/merchant变更之前：变更之后仅仅新增如下代码：.login-box-body,.register-box-body{border-radius

·2024-02-11 17:02

微信小程序按钮自动换行

0auto;position:relative;left:5rpx;margin-left:6%;margin-right:6%;background-color:white;margin-top:10%;border-radius

wyyyyyyyy_·2024-02-11 15:07

信小程序开发 day04 - swiper圆角、全局共享响应式数据思想、hy-event-store

根据小程序官方回答，这是个webview的渲染bug.banner-swiper{border-radius:10rpx;overflow:hidden;transform:translateY(0);

望穿秋水小作坊·2024-02-10 22:27

登录系统（通过html5实现）

text-align:center;color:cadetblue;font-family:幼圆;}.tab{width:500px;border:5pxsolidcadetblue;margin:0pxauto;border-radius

宇宙核·2024-02-10 18:36

CSS综合案例3

box-sizing:border-box;}.wrapper{width:541px;height:44px;border:1pxsoild#ddd;box-shadow:002px#cdc6c6;border-radius

满分观测网友z·2024-02-10 03:38

推荐频道