草庐IT

mark-borders

全部标签

html - 使用在父 div 上设置的 border-radius 修剪图像 Angular 在 Safari 中不起作用

我在一个div中放置了一个图像,该div具有圆Angular,用作mask以隐藏图像Angular并将其显示为圆形。它适用于除Safari之外的所有浏览器!有谁知道如何修复它?我尝试了-webkit-padding-box、-webkit-mask-box-image但都没有用。HTML:CSS:.cat{width:128px;height:128px;margin:20px96px0px96px;position:relative;float:left;border-radius:50%;overflow:hidden;border-top:1pxsolid#111;border-

html - CSS3 Border-radius 创建一个蛋形

我正在使用CSS3构建随机形状。我被困在这个蛋形上。我检查了蛋形的数学,它由2个不同半径的圆组成。然而,我无法将此基本结构与此处的CSS构建代码联系起来,尤其是“border-radius”部分。#egg{display:block;background-color:green;width:126px;/*widthhastobe70%ofheight*//*couldusewidth:70%;inasquarecontainer*/height:180px;/*bewarethatSafarineedsactualpxforborderradius(bug)*/-webkit-bor

html - CSS3 Border-radius 创建一个蛋形

我正在使用CSS3构建随机形状。我被困在这个蛋形上。我检查了蛋形的数学,它由2个不同半径的圆组成。然而,我无法将此基本结构与此处的CSS构建代码联系起来,尤其是“border-radius”部分。#egg{display:block;background-color:green;width:126px;/*widthhastobe70%ofheight*//*couldusewidth:70%;inasquarecontainer*/height:180px;/*bewarethatSafarineedsactualpxforborderradius(bug)*/-webkit-bor

html - 何时使用 <strong>、<em> 或 <mark>?

抱歉,如果这听起来很挑剔,但我即将制作大量的HTML5,我希望有人已经为何时使用、和标签。规范暗示了一些细微的差异,但我一直在问自己是否要将文本加粗、斜体或黄色高亮显示,这让我觉得我应该改用CSS。(有时我想知道,既然我可以轻松地写出“猫不是狗”,为什么还要费心。) 最佳答案 IkeepfindingmyselfaskingwhetherIwantthetextbolded,italicoryellowhigh-lighted,whichmakesmethinkIshouldbeusingCSSinstead.100%正确。标记用于

html - 何时使用 <strong>、<em> 或 <mark>?

抱歉,如果这听起来很挑剔,但我即将制作大量的HTML5,我希望有人已经为何时使用、和标签。规范暗示了一些细微的差异,但我一直在问自己是否要将文本加粗、斜体或黄色高亮显示,这让我觉得我应该改用CSS。(有时我想知道,既然我可以轻松地写出“猫不是狗”,为什么还要费心。) 最佳答案 IkeepfindingmyselfaskingwhetherIwantthetextbolded,italicoryellowhigh-lighted,whichmakesmethinkIshouldbeusingCSSinstead.100%正确。标记用于

html - 避免在 CSS border-radius 中使用椭圆形

为矩形div使用Border-radiusCSS会产生椭圆Angular而不是圆Angular。如何为矩形div获得完美的圆Angular? 最佳答案 (来源:mozilla.org)形式上,border-radius属性的语法为每个Angular接受2个值:水平半径和垂直半径(由斜线分隔)。以下行将创建一个类似于上面第三张图片的椭圆形边界半径。border-radius:10px/5px;通常,我们只指定一个值。在这种情况下,该值同时用作垂直和水平半径。以下行将创建类似于上面第二张图片的圆形边界半径。border-radius:1

html - 避免在 CSS border-radius 中使用椭圆形

为矩形div使用Border-radiusCSS会产生椭圆Angular而不是圆Angular。如何为矩形div获得完美的圆Angular? 最佳答案 (来源:mozilla.org)形式上,border-radius属性的语法为每个Angular接受2个值:水平半径和垂直半径(由斜线分隔)。以下行将创建一个类似于上面第三张图片的椭圆形边界半径。border-radius:10px/5px;通常,我们只指定一个值。在这种情况下,该值同时用作垂直和水平半径。以下行将创建类似于上面第二张图片的圆形边界半径。border-radius:1

javascript - 从表中删除 `border` 属性不会删除边框

为什么在执行removeAttr("border")时边框没有被移除(属性被移除,但样式仍然存在)?演示$("#button1").on("click",function(){$("table").removeAttr("border");});HelloWorldNotInitiallyBordered我在Chrome和Chromium上复制了这个。 最佳答案 不只是border您不必担心元素本身的属性。每个浏览器都带有一个“默认样式表”,它将为常见的HTML元素配置基本表示。表格是那些需要由站点设置样式以便从浏览器覆盖此“基本样

javascript - 从表中删除 `border` 属性不会删除边框

为什么在执行removeAttr("border")时边框没有被移除(属性被移除,但样式仍然存在)?演示$("#button1").on("click",function(){$("table").removeAttr("border");});HelloWorldNotInitiallyBordered我在Chrome和Chromium上复制了这个。 最佳答案 不只是border您不必担心元素本身的属性。每个浏览器都带有一个“默认样式表”,它将为常见的HTML元素配置基本表示。表格是那些需要由站点设置样式以便从浏览器覆盖此“基本样

html - 盒子尺寸 : border-box => for IE8?

我想要box-sizing:border-box用于div标签。对于MozilaFirefox我已经尝试过了-moz-box-sizing:border-box;对于IE(InternetExplorer),我交替尝试了以下两种方法-ms-box-sizing:border-box;box-sizing:border-box;但它不能在IE(InternetExplorer)中运行。虽然我已经为InternetExplorer应用了box-sizing:border-box;,但它在元素的宽度中添加了边框和填充。为什么会这样?应该是什么问题?请帮助和建议我。注意:我正在使用Intern