HTML+css盒子模型案例(圆，半圆等)“border-radius” 简单易上手 游戏攻略
很多小伙伴在前端学习的时候，发现盒子模型默认为正方形。如何把盒子变成想要的模型呢？ 首先我们来看一下默认的情况----
Document
默认情况下为正方形，也许小伙伴觉得不太好看。 我们换成圆形的试试！
Round
看一下我们变成了圆形！ 来看看半圆形的吧！
semicircle
来试试其他形状!
demo
知识点分析：
border-radius:给元素设置圆角边框
可以实现圆，半圆，椭圆，四分之一圆等各种圆角图形。
可以设置四个值，分别为左上，右上，右下，左下
给个口诀，“从左上开始顺时针移动”。。。
希望这篇文章能让你学会border-radius属性！
到此这篇关于HTML+css盒子模型案例（圆，半圆等）“border-radius” 简单上手的文章就介绍到这了,更多相关html css盒子模型内容请搜索潘少俊衡以前的文章或继续浏览下面的相关文章，希望大家以后多多支持潘少俊衡！
版权声明
本文仅代表作者观点，不代表本站立场。
本文系作者授权发表，未经许可，不得转载。
本文地址：/web/HTML/70252.html
