首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >CSS3圆角和虚线边框?

CSS3圆角和虚线边框?
EN

Stack Overflow用户
提问于 2010-09-15 21:44:24
回答 5查看 31.5K关注 0票数 20

有没有可能在CSS3中创建一个边框,使它们是圆角和虚线的?

我绕过了我的角落,但它们看起来是实心的:

border: 1px dotted gray;
-moz-border-radius-topright: 30px 20px;
-moz-border-radius-topleft: 30px 20px;

边框的其余部分是虚线的,但边角是实心的。

我知道这是针对Firefox的,但目前还可以。

谢谢

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2010-09-15 21:51:18

这是firefox.see this issue中的一个错误,mozilla不支持圆角虚线边框。

票数 29
EN

Stack Overflow用户

发布于 2018-05-10 19:32:10

我偶然找到了一个解决方案。

代码如下:

background-color: none !important;
  border:none !important;
  border-top: 5px dotted #70c1bb !important;
    border-top-width:5px;
    border-right-width:0px;
    border-bottom-width:0px;
    border-left-width:0px;
票数 3
EN

Stack Overflow用户

发布于 2010-09-15 21:47:23

是的,理论上你可以有圆角和虚线的边框,但实际上浏览器可能还不支持它。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3718215

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档