css border-radius

纯CSS 神奇的边框特效 - 掘金 css炫酷边框

本文简介点赞 + 关注 + 收藏 = 学会了阅读本文需要 css 基础。要了解 border-radius 的用法。如果不懂的请先自行查阅 border-radius 的文档。本期要做的特效如下图所示,请耐心看,这是个 gif动图 :这是一个会动的 div 。公式原理其实很简单,div 原本是方的,只需改成圆形即可。所以我们会用到 border-radius …

HTML+JavaScript案例分享: 打造经典俄罗斯方块,详解实现全过程

大家好,我是魏大帅,今天教大家一个装[啤酒]的方法。你说你不懂前端,没关系我教你。打开你的电脑,新建一个txt文档,把我文章最后面的完整代码复制到文档里面,然后把txt文档的后缀名改成.html 就ok啦,你可以直接把这个html文件发给你朋友,说这是哥们我做的,[给力]不!哈哈,前面这段纯属开玩笑的,主要还是给各位前端开发,或者想从事前端开发的帅哥美女们, …

前端入门——css边框和圆角 css3的圆角边框用什么属性定义

前言之前在介绍css盒子模型的时候,大概讲过边框border,边框border是其中一个重要组成部分。本篇将具体介绍边框的属性, border 属性允许您指定元素边框的样式、宽度、颜色及圆角。CSS 边框样式border-style 边框样式有以下值:dotted - 定义点线边框dashed - 定义虚线边框solid - 定义实线边框double - 定 …

掌握这 8 个技巧,让你的 CSS 代码更简洁优雅

写出简洁优雅的 CSS 代码不仅能提高代码的可维护性,还能减少样式冲突。本文将介绍 8 个实用技巧,帮你提升 CSS 代码质量。1. 善用 CSS 变量,提升代码复用性使用 CSS 变量的好处:集中管理主题色值一处修改,处处生效支持运行时动态修改提高代码可维护性2. 使用 :is() 和 :where() 简化选择器* 之前的写法 *.card h2,.ca …