border-radius 第2页

[前端开发] 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

波纹扩散效果

margin:0;background:rgba(32,33,47,0.9);}.circle-container{position:relative;width:300px;height:300px;border-radius

 勿忘初心·2024-02-09 17:49

CSS带小三角形的div框

效果图：##CSS带小三角形的div框```css复制代码超时20天.hint_prompt{border:1pxsolid#fff1f0;border-radius:4px;margin:50px;text-align

一颗苦涩的苹果·2024-02-08 12:49

【border-radius的使用】使用css实现圆形、圆角矩形、不同圆角的设置

1.圆形思路：先准备一个正方形，让border-radius（半径）为高度/宽度的一半即可。

想做一只快乐的修狗·2024-02-07 23:21

怎样使用css让矩形出现圆角,CSS中设置元素的圆角矩形

圆角矩形介绍在CSS中通过border-radius属性可以实现元素的圆角矩形。border-radius属性值一共有4个，左上、右上、左下、右下。

开眼视频APP·2024-02-07 23:20

css 不规则边角,如何实现倒角CSS边框角而不是圆角？

WiththeCSSborder-radiuspropertyIcanhaveacurvy,roundedbordercornerattheend..boxLeft{border-right:1pxdashed#333;border-bottom:1pxdashed#333;border-radius

小xs·2024-02-07 23:50

css制作圆角矩形,CSS绘制圆角矩形图形的效果

首先，会CSS的朋友，需要注意到CSS里的border-radius属性，(英语方面的大咖小咖们，都注意到了

徐卓菲·2024-02-07 23:50

css不规则圆角矩形

position:relative;width:120px;&::after{content:"";position:absolute;top:0;left:40px;right:0;bottom:0;border-radius

给钱，谢谢！·2024-02-07 23:15

CSS强大的功能--太极图的实现

text-shadow阴影，font-face属性，border-radius属性，border-image属性，box-shadow属性以及更炫的支持动画，

虚拟社群·2024-02-07 09:38

css第四天

怎么去掉li前面的圆点list-style:none；去掉行内块之间的空白符边框与阴影border边框圆角边框border-radius:10px(圆半径的弧度)；等于正方形边框的一半就是圆形圆角矩形高度的一半左上是

59eeccf98e38·2024-02-07 08:13

菜单显示博客页

结果图难点及其实现滚动条自定义：.card::-webkit-scrollbar{width:4px;}.card::-webkit-scrollbar-thumb{border-radius:8px;

ArmadaDK·2024-02-06 20:05

微信小程序（三十四）搜索框-带历史记录

历史记录基本模板3.细节处理源码：index.wxml搜索历史搜索x{{item}}index.wxssinput{padding:14rpx20rpx10rpx;border:2rpxsolid#ddd;border-radius

代码对我眨眼睛·2024-02-06 06:31

el-carousel 指示器改成小圆点

indicator--horizontal.el-carousel__button{width:14px;height:14px;background:#bfbfbf;border:1pxsolid#ffffff;border-radius

前端sweetGirl·2024-02-05 11:11

CSS动画之小球围绕旋转

Document.box{position:relative;width:300px;height:300px;margin:30pxauto;border-radius:50%;border:10pxsolidred

远近高低各不同·2024-02-04 04:32

关于CSS3（最新的CSS标准）

CSS3—边框1.CSS3圆角：border-radius语法：border-radius:xx;（可为px，可为百分比。

Taptaq·2024-02-03 12:08

HTML+CSS+JS的3D进度条

background:radial-gradient(at60%0%,#3a6073,#1c2522);}.input-div{width:260px;margin:200px370px;height:50px;border-radius

与妖为邻·2024-02-02 12:57

jQuery语法知识（DOM操作）

p{width:100px;height:50px;background-color:darkcyan;border-radius:5px;text-alig

糖糖糖果88·2024-02-02 02:57

html+css,动画实现“地球绕太阳旋转“

htmlcss.main{width:100%;height:100%;display:flex;justify-content:center;align-items:center;}.maindiv{border-radius

Summer_Uncle·2024-02-02 02:23

客户用IE批量下载文件文件到不同文件夹不压缩（包含分页带条件动态查询）

-50%,-50%);}/*模态框*/.login-box{display:none;width:650px;height:250px;border:1pxsolidrgb(216,216,216);border-radius

cqwuliu·2024-02-01 12:01

对于部分elementplus的提示弹出框的样式修改

el-overlay-dialog{background-color:rgba(0,0,0,0.8);}.el-message{background-color:#fff;padding:12px12px;border:none;border-radius

陈不知代码·2024-02-01 01:32

CSS详细基础（七）圆角和阴影

一.圆角边框原理只需要在已有的盒子标签里面添加属性如下即可：border-radius:10px;原理是，椭圆与边框的交集所产生的效果。

十三的信徒·2024-01-31 23:18

CSS3 - 实现简单多层投影

效果图HTML/templateCSSdiv{width:500px;height:200px;border-radius:10px;box-shadow:0px6px10pxrgba(0,0,0,0.5

极致♀雨·2024-01-31 18:05

less或scss中@mixin的用法

二、mixin的用法mixin定义（使用@mixin定义）：@mixinhexagon-generator($hexagon-width,$factor,$border-radius){display:

哈雷_瑞星·2024-01-31 18:01

基于ElementUI上传腾讯云Cos，上传组件进行自定义封装

1.效果图image.pngimage.png2.使用方式3.首先编写sy-upload.vue.avatar-uploader.el-upload{border:1pxsolid#f3f3f8;border-radius

jumper996·2024-01-31 13:25

css制作一个简单的按钮

black;padding:0;margin:0;}.bto{padding:0;margin:0;width:100px;height:35px;background-color:aquamarine;border-radius

寻959·2024-01-31 13:22

用JS实现Windows日历(一)

margin:120pxauto;width:360px;height:520px;background:rgba(255,255,255,.8);box-shadow:0px0px10px#000;border-radius

嘉勇__Lynne·2024-01-31 08:39

JavaScript前端开发 DOM 列表的增删和移动

列表的增删和移动body{background:#ddd;text-align:center}.list{display:inline-block;margin-top:20px;padding:40px;border-radius

i学无止境·2024-01-30 22:43

第16次修改了可删除可持久保存的前端html备忘录：做个可以隐藏的文本操作窗口，添加了选择文本拖动复制，配了背景主题：现代深色

配了背景主题：现代深色备忘录代码：与妖为邻的备忘录/**/h1{text-indent:5em;}/*鼠标变小手*/input,button{cursor:pointer;font-size:20px;border-radius

与妖为邻·2024-01-30 16:39

html css实现钟表简单移动

文章目录一、实现钟表简单移动二、HTML三、CSS四、热门文章一、实现钟表简单移动下面是一个使用HTML和CSS实现简单移动的钟表的示例代码：.clock{width:200px;height:200px;border-radius

雪梅零落·2024-01-30 13:21

使用定位画广告居中五环

*{padding:0px;margin:0px;}.one1{position:absolute;width:100px;height:100px;border:10pxsolidblue;border-radius

DARKSIIIDE·2024-01-30 12:48

css不规则的文本环绕

不规则的文本环绕.boximg{float:left;margin-right:1em;border-radius:50%;object-fit:cover;/*shape-outside设置元素的外形形状

 勿忘初心·2024-01-29 14:33

Vue自定义成功弹窗H5实现类似于小程序的效果

效果图：{{successTitle}}.father{position:relative;}.success-box{width:130px;height:130px;border-radius:8px

暴富的im·2024-01-29 11:05

Qt中Widget样式表实现圆弧边框

第一步第二步第三步第四步//插入border-radius:10px;border:2pxsolid#000;效果图

做一个AC梦·2024-01-27 18:47

Element-plus修改样式

实现1.button按钮::v-deep.el-button{border-radius:0;border:0;background-color:rgba(0,194,255)!

白嫖叫上我·2024-01-27 11:11

JavaScript密码框实现（可切换）

眼睛图片的点击切换3.输入时密码提示文字上移，失去失去焦点时下移部分代码如下：这是对网页内容的定义密码内容样式.mi-form{display:table;width:356px;height:60px;border-radius

Shirley7627·2024-01-27 07:03

推荐频道

border-radius