css实现 圆角的 几种方法

 我来答
百度网友fb55f35
推荐于2017-09-24 · TA获得超过579个赞
知道小有建树答主
回答量:1395
采纳率:50%
帮助的人:1249万
展开全部
有四种方法可以实现圆角。

第一、直接写CSS代码:border-radius

例如:border-radius:4px;或者可以四个不同圆度:border-radius:4px 4px 3px 3px
顺序是左上角,右上角,右下角,左下角

第二、四个圆角贴图;制作四个圆角的图片,然后用css定义

第三、直接制作整个圆角矩形背景

第四、定义12个背景色:左上角4个,右上角4个,右下角4个,左下角4个。
<b class="rt"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b
class="r4"></b></b>

<b class="rb"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b
class="r1"></b></b>

<b class="rt"><b class="rb1"></b><b class="rb2"></b><b class="rb3"></b><b
class="rb4"></b><b class="rb5"></b></b>

<b class="rb"><b class="rb5"></b><b class="rb4"></b><b class="rb3"></b><b
class="rb2"></b><b class="rb1"></b></b>
AiPPT
2024-09-19 广告
随着AI技术的飞速发展,如今市面上涌现了许多实用易操作的AI生成工具1、简介:AiPPT: 这款AI工具智能理解用户输入的主题,提供“AI智能生成”和“导入本地大纲”的选项,生成的PPT内容丰富多样,可自由编辑和添加元素,图表类型包括柱状图... 点击进入详情页
本回答由AiPPT提供
讨论板
2014-01-29 · TA获得超过4300个赞
知道小有建树答主
回答量:808
采纳率:26%
帮助的人:660万
展开全部
你好:

有三种方法可以实现CSS圆角。

第一、直接写CSS代码:border-radius

例如:border-radius:10px;

第二、四个圆角贴图;制作四个圆角的图片,然后用css定义

第三、直接制作整个矩形背景

总归而言,第一种方式最简单,只要一行代码。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式