草庐IT

border-layout

全部标签

html - -webkit-border-radius 看起来很难看

我正在使用以下属性设置灯箱div的样式:#lightbox{border:0.3emsolid#acaeb0;-webkit-border-radius:1em;background:#eee-webkit-gradient(linear,0%60%,0%100%,from(#eee),to(#ccc));-webkit-box-shadow:000.6em0.3em#888;}问题是生成的圆Angular看起来非常难看(使用safari5):问题是圆Angular处的空白。你知道我怎样才能避免这种行为吗?编辑:添加-webkit-background-clip:padding-box

html - -webkit-border-radius 看起来很难看

我正在使用以下属性设置灯箱div的样式:#lightbox{border:0.3emsolid#acaeb0;-webkit-border-radius:1em;background:#eee-webkit-gradient(linear,0%60%,0%100%,from(#eee),to(#ccc));-webkit-box-shadow:000.6em0.3em#888;}问题是生成的圆Angular看起来非常难看(使用safari5):问题是圆Angular处的空白。你知道我怎样才能避免这种行为吗?编辑:添加-webkit-background-clip:padding-box

html - 使用 border-radius 创建一个完全对称的圆而不指定高度或宽度

这个问题在这里已经有了答案:CSScircleswithoutwidthorheight?:IsthispossiblewithpureCSSornot?(4个答案)关闭7年前。似乎将我的border-radius设置为50%或100%并没有起到作用,并给span标签一个拉伸(stretch)的外观。是否可以在不设置高度或宽度的情况下使这个圆完全对称?span{background:#232323;border-radius:50%;color:#fff;display:inline-block;font-family:Arial,sans-serif;padding:6px;}x

html - 使用 border-radius 创建一个完全对称的圆而不指定高度或宽度

这个问题在这里已经有了答案:CSScircleswithoutwidthorheight?:IsthispossiblewithpureCSSornot?(4个答案)关闭7年前。似乎将我的border-radius设置为50%或100%并没有起到作用,并给span标签一个拉伸(stretch)的外观。是否可以在不设置高度或宽度的情况下使这个圆完全对称?span{background:#232323;border-radius:50%;color:#fff;display:inline-block;font-family:Arial,sans-serif;padding:6px;}x

html - Foundation vertical (Split Layout) Off-Canvas 覆盖整个屏幕且仅在移动屏幕上

我正在尝试使用foundation6创建一个非Canvas;这个想法是我有两个基本的列应用程序,然后我尝试仅在屏幕较小时使用Canvas外效果隐藏左侧的一个,但首先我需要让它工作:第2列显示完整屏幕宽度和第一列这应该只在屏幕上激活。在桌面屏幕上应该只在一个屏幕上显示两列。想法是要有内容,而不仅仅是基础示例中的菜单。怎样才能达到描述的效果?×检查这段代码:https://jsfiddle.net/q1e45fzz/16/ 最佳答案 为了让Canvas外部分默认显示在更宽的屏幕上,您需要向Canvas外区域添加一个“reve

html - Foundation vertical (Split Layout) Off-Canvas 覆盖整个屏幕且仅在移动屏幕上

我正在尝试使用foundation6创建一个非Canvas;这个想法是我有两个基本的列应用程序,然后我尝试仅在屏幕较小时使用Canvas外效果隐藏左侧的一个,但首先我需要让它工作:第2列显示完整屏幕宽度和第一列这应该只在屏幕上激活。在桌面屏幕上应该只在一个屏幕上显示两列。想法是要有内容,而不仅仅是基础示例中的菜单。怎样才能达到描述的效果?×检查这段代码:https://jsfiddle.net/q1e45fzz/16/ 最佳答案 为了让Canvas外部分默认显示在更宽的屏幕上,您需要向Canvas外区域添加一个“reve

html - 关于 `hover` - 如何在不同场景下处理子 `border-radius`?

我有一个带有子a元素的父元素。当用户鼠标悬停时,我将子边框颜色更改为红色。它有效。我的问题是,child的长度不是静态的。它是动态的。我正在添加左边界radiusfirst和last但如何将right-radius添加到第二个和最后一个?(因为我不知道child的数量).parent{border:5pxsolidred;display:inline-block;position:relative;border-radius:5px;box-sizing:border-box;margin-bottom:3em;}.parenta{display:block;padding:1em;b

html - 关于 `hover` - 如何在不同场景下处理子 `border-radius`?

我有一个带有子a元素的父元素。当用户鼠标悬停时,我将子边框颜色更改为红色。它有效。我的问题是,child的长度不是静态的。它是动态的。我正在添加左边界radiusfirst和last但如何将right-radius添加到第二个和最后一个?(因为我不知道child的数量).parent{border:5pxsolidred;display:inline-block;position:relative;border-radius:5px;box-sizing:border-box;margin-bottom:3em;}.parenta{display:block;padding:1em;b

layout - CSS3 : Floating first div between second and third

应该是一个简单的解决方案:我有以下顺序的div:我必须按此顺序排列它们。使用float,我怎样才能让第一个div("middle")落在第二个div之间。每个div都有一个设置的高度和一个设置的宽度(以px为单位)。我试过在中间做float:left;:[[middle]right][left]然后float:right;在顶部集群上:[left[[middle]right]]]但它显示为[middle][left][right]有什么帮助吗?编辑:这是当前来源:http://pastebin.com/sjiw9PLnhttp://pastebin.com/NMsWk1nZ

layout - CSS3 : Floating first div between second and third

应该是一个简单的解决方案:我有以下顺序的div:我必须按此顺序排列它们。使用float,我怎样才能让第一个div("middle")落在第二个div之间。每个div都有一个设置的高度和一个设置的宽度(以px为单位)。我试过在中间做float:left;:[[middle]right][left]然后float:right;在顶部集群上:[left[[middle]right]]]但它显示为[middle][left][right]有什么帮助吗?编辑:这是当前来源:http://pastebin.com/sjiw9PLnhttp://pastebin.com/NMsWk1nZ