TryCoding.FunTryCoding.Fun
  • 文章
  • 项目
  • 归档
  • 关于
搜索... ⌘K
Home Work Blog Projects
返回博客

CSS border-radius 属性详解

本文深入讲解 CSS 属性 `border-radius` 的使用方法,并提供示例代码,包括如何使用百分比和具体数值来创建圆角边框。

全部 前端 (393) 运维 (77) 技术 (71) 后端 (25) 数据库 (10) 生活 (1)
2024年1月24日
Mt.r
|
#CSS

走进科学之 border-radius

border-radius 可以这么设置

border-radius: 100% 0% 0% 0%;
上一篇
CSS 动画实现元素从右到左插入
使用 CSS 动画,让一个元素从右侧平滑地插入到页面中。文章提供 HTML、CSS 和 JavaScript 代码示例,并解释了实现方法。
下一篇
CSS 图片比例设置方法
本文介绍两种使用 CSS 设置图片比例的方法:第一种方法使用 `width`、`height`、`object-fit: cover` 属性;第二种方法使用 `aspect-ratio` 属性。两种方法都能有效控制图片比例,避免图片变形。

目录

  • 走进科学之 border-radius

分类

全部文章 577 前端 393 运维 77 技术 71 后端 25 数据库 10 生活 1

热门标签

#JavaScript #Vue #Linux #CSS #Go #CentOS #React #Nginx #Git #HTML #iOS #Mac #MySQL #Jenkins #TypeScript #Python #Docker #C #Webpack #数据库
Trycoding.fun
© 2025 版权所有 京ICP备19000129号-4
文章 项目 归档 关于 GitHub