头闻号

上海茂邦精细化工有限公司

包装胶带|化学纤维|综合性公司|乳胶|覆膜机|化工原料代理加盟

首页 > 新闻中心 > 科技常识:css圆角样式制件代码示例(css设置圆角)
科技常识:css圆角样式制件代码示例(css设置圆角)
发布时间:2023-02-01 09:54:17        浏览次数:2        返回列表

今天小编跟大家讲解下有关css圆角样式制件代码示例(css设置圆角) ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关css圆角样式制件代码示例(css设置圆角) 的相关资料,希望小伙伴们看了有所帮助。

复制代码代码如下:#boxes div { border: 2px solid black; padding: 10px; margin:5px; width:200px;text-align:center; background:#eee; }

复制代码代码如下:<div id="boxes"> <div style="-webkit-border-radius:15px;"> All sides </div> <div style="-webkit-border-bottom-left-radius:15px;-webkit-border-top-right-radius:15px;"> Opposite corners </div> <div style="-webkit-border-top-left-radius:15px;-webkit-border-top-right-radius:15px;"> Top </div> <div style="-webkit-border-top-right-radius:15px;-webkit-border-bottom-right-radius:15px;"> Side </div></div>

来源:爱蒂网