腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
3
回答
如何为圆角图像添加圆角边框(使用边框半径进行圆角处理)
css
我已经将个人资料图片设置为“四舍五入”。为了实现这一点,我将边界半径设置为50%。 当我尝试为圆角图像添加边框时,(即。border:1px black solid;),它不遵循圆角模式,但它只是在正方形图像中添加了一个边框。 如何添加圆角边框?
浏览 1
提问于2013-02-22
得票数 0
回答已采纳
2
回答
jQuery移动列表视图边框半径和边框
jquery
、
jquery-mobile
、
border
、
css
如果我为列表视图中的缩略图设置边框半径和边框,它似乎将边框视为图片的一部分,如下所示: 我使用的CSS覆盖规则如下: .ui-li-thumb { width: 50px; height: 50px; margin: 8px; border: 2px solid #333 !important; border-radius: 10px !important; } 如何使图像也具有边界半径,这样它就不会与其边界重叠?
浏览 3
提问于2012-08-27
得票数 2
回答已采纳
2
回答
边界不理想的图像
html
、
css
、
image
、
compatibility
我设置图像边框使用 img { width: 25%; border-radius: 50%; border: 5px red solid; } 它应该是 但是在一些Android浏览器上,在低Android版本上,它变成了 我的Android版本是4.1。 如何用CSS解决这个问题?
浏览 4
提问于2014-11-15
得票数 0
回答已采纳
1
回答
边界半径与Knockout下拉列表问题
css
、
knockout.js
、
drop-down-menu
试图将边框半径添加到下拉“淘汰赛”列表中,但只有“提交”才能接受。其他样式适用于所有。也尝试过-moz和-webkit,并研究过样式和css绑定,但不确定如何正确应用。还尝试了在“select”上使用css样式,它应用了除边框半径以外的所有样式。 <select data-bind="options: searchParameters, optionsText: 'name', optionsCaption: 'Select a Search', value: searchCanlii, css: { drop: on }" ><
浏览 2
提问于2014-06-17
得票数 0
1
回答
不使用边框图像输出的边框半径
html
、
css
、
keyframe
我正在创建一个CSS3加载图标效果,而不是使用GIF。我已经创建了加载图标效果,但我无法使它循环。它是正方形的,而不是圆形的。边框-半径不使用边框图像属性? HTML <div id="progress"> <span class="spinner-icon"></span> </div> CSS #progress { pointer-events: none; } #progress .spinner-icon { width: 30px; height: 30px; display:
浏览 0
提问于2015-04-26
得票数 1
回答已采纳
1
回答
html中的边框不是四舍五入的
html
、
css
这不是为了让别人调试你的代码,但是,我需要一个小的帮助来解决这个问题。 <!DOCTYPE html> <head> </head> <body id="menubody"> <ul class="menubar"> <li><a>CONTACTUS</a></li> <li><a>ABOUTUS</a></li> <li><a>HOME</a></li> &l
浏览 0
提问于2013-07-20
得票数 0
回答已采纳
1
回答
未在Chrome中呈现的特定元素的边框半径
google-chrome
、
css
、
curve
这是我的网站: 在右边的边栏,我有两个元素,在顶部的reg表单和底部的小滑块。两者都实现了相同的边界半径样式,但底部的边界没有在Chrome中呈现的弯曲边框。我已经申请溢出:隐藏。 需要注意的事项: 这两个元素(注册和滑块)都应用了相同的边框半径样式,但在铬中,只有注册使用正确的边框样式。 在firefox中,甚至在IE中,边框半径都是正确的。 有什么想法吗?谢谢! CHROME: 火狐:
浏览 4
提问于2012-11-15
得票数 0
回答已采纳
6
回答
CSS边框半径不能修剪Webkit上的图像
google-chrome
、
webkit
、
css
当我使用chrome而不是firefox或ie9时,我很难弄明白为什么我的#屏幕元素中的边框半径消失了? 我有每个浏览器的所有不同前缀加上标准的边框半径: www.cenquizqui.com 上面的内容框包含图片,名为#screen 一个screen的css副本粘贴: #screen {background: none repeat scroll 0 0 #EEEEEE; display: block; height: 300px; position: relative; width: 960px; overflow:hidden; -moz-
浏览 0
提问于2012-01-03
得票数 12
回答已采纳
2
回答
HTML单选按钮在iphone中看起来是方形的
html
、
iphone
我已经在我的移动网站中添加了单选按钮,但它看起来是方形的渐变填充,特别是在iPhone浏览器上,当单击它时,它会显示选定的单选按钮,周围的边框很亮。在其他手机浏览器上,它看起来就像windows和android手机上没有边框的单选按钮。 我试图通过CSS来控制这一点,但效果不佳。 input[type="radio"] {border: none!important; background-color: transparent; appearance: radio; -moz-appearance: radio; -webkit-appearance: radio;} 这是实际
浏览 7
提问于2013-07-09
得票数 0
4
回答
CSS角半径显示背景颜色?
css
CSS边框半径运行良好,但它现在显示的是白色背景。(我更喜欢透明或灰色,类似于身体背景...) CSS: .window_header{ width:600px; height:42px; background: #333 url("../img/bg-2.png") repeat; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; border-bottom:1px dotted #666; box-shadow:
浏览 8
提问于2012-06-26
得票数 2
回答已采纳
1
回答
更改时,子元素溢出父元素的边框半径
jquery
、
html
、
css
、
crop
使用这个插件: 我有一个img由一个有边界半径的元素包装成一个圆,加载时一切都很好,但只要我拖动或缩放图像(使用插件),它就会溢出边界半径并显示为一个正方形。 但是,如果我滚动页面,边框半径再次出现。 是什么让img溢出了它的父进程? 编辑:它不会溢出双亲的宽度或高度,只会溢出边框半径,直到你滚动,然后它就会自动修复
浏览 2
提问于2013-05-24
得票数 0
5
回答
这个CSS是如何生成一个圆的呢?
html
、
css
、
css-shapes
这是CSS: div { width: 0; height: 0; border: 180px solid red; border-radius: 180px; } 它是如何生成下面的圆圈的? 假设一个矩形的宽度是180像素,高度是180像素,那么它看起来就像这样: 在应用边框半径30像素后,它将如下所示: 矩形变得越来越小,也就是说,如果半径增大,它几乎会消失。 那么,如何使用height/width-> 0px将180像素的边框变成半径为180像素的圆呢?
浏览 2
提问于2013-04-24
得票数 210
回答已采纳
2
回答
CSS边框半径和背景填充问题
css
我有一个顶层菜单,如下图所示 如您所见,外部灰色边框带有边框半径。但选定的主菜单将其填充为正方形。 我想要的是首页选择的菜单应该相应地填写。 下面是我的css代码 #navigation-wrap{width:100%; border-bottom: 1px solid #CCC;moz-box-shadow: 0px 5px 8px -2px #F5F5F5;-webkit-box-shadow: 0px 5px 8px -2px #F5F5F5;box-shadow: 0px 5px 8px -2px #F5F5F5;} #navigation{margin:0 auto; bo
浏览 0
提问于2011-12-22
得票数 1
1
回答
UWP边界渲染问题
xaml
、
uwp
、
uwp-xaml
要不是我疯了,要不是边框的边框在UWP中不能正确渲染。举一个非常简单的例子: <Border CornerRadius="6" BorderBrush="Blue" BorderThickness="1"> <Rectangle Fill="Black" /> </Border> 然后看看矩形是如何略微超出边框的: ? 这在visual studio中的设计器中发生,并且在应用程序运行时发生。 只有当边界上存在大于0的边界厚度时,才会发生这种情况。 知道为什么会这样吗?
浏览 9
提问于2019-02-27
得票数 0
3
回答
CSS边框-半径仅限于模态div窗口的一个角。
html
、
ruby-on-rails
、
css
、
sass
当我在模态div(在我的正常内容上弹出的div)上使用边框-半径属性时,这四个角并不是全部围绕自己。一个或两个角会圆圈,但不是全部四个角。 下面是指向图像的链接,我还不能在堆栈溢出(注意图片左上角) 上发布图像 我尝试使用所有不同的跨浏览器属性进行边框舍入。 -moz-border-radius: 20px; /* Also tried 20px 20px */ -webkit-border-radius: 20px; -o-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; 下面
浏览 0
提问于2018-12-29
得票数 0
回答已采纳
1
回答
将边框应用于CSS转换透视图像
border
、
css
、
css-transforms
所以我试图倾斜一个静态的Google地图结果,这样看起来你就像是在向下“看”它。不管怎样,我已经用CSS3变换让它工作了: <html><head> <style> .container { margin-left: 200px; -webkit-perspective: 600; -moz-perspective: 600; -ms-perspective: 600; -o-perspective: 600; perspective:600; -webk
浏览 3
提问于2012-01-18
得票数 2
回答已采纳
1
回答
使用输入文本更改按钮的边框半径
javascript
、
jquery
、
button
、
text
、
input
我有一些问题,我不知道为什么。我尝试用输入文本更改按钮的边框半径,但当我单击submit按钮时,它不起作用。我有这个: $(document).ready(function(){ $("#submitBorderRadius").click(function(){ var x = $("#borderradiusSelect").val(); $("#testButton").css("borderRadius", x) }); }); <button id="testButton"&
浏览 12
提问于2017-03-09
得票数 0
1
回答
引导程序分页自定义按钮
css
、
twitter-bootstrap
、
pagination
我正在使用bootstrap分页,我正在使用自定义css来更改分页的外观。页码最初没有边框,但边框显示在具有灰色背景的悬停和活动状态。它有4个按钮“第一个”、“上一个”、“下一个”和“最后一个”,它们最初都有一个边框。同样的情况也应该发生在悬停和活动状态下。 问题是,当我将鼠标悬停在4个按钮上时,我得到了一个奇怪的效果。他们搬到别处去了。 .pagination .page-link i{ width: 34px; padding: 6px 0px; color: #000; font-size: 20px; border: 1px solid
浏览 14
提问于2021-08-02
得票数 0
1
回答
为什么柏树看不到边框*属性的css值?
javascript
、
reactjs
、
testing
、
integration-testing
、
cypress
cy.get("[data-e2e='dispatcher-checkbox'] i[data-e2e='checkbox']").should( "have.css", "border-radius", convertToRGB(theme("colors.greys.2")), ) 可以看到所有其他属性值,但是以边框和边框本身开头的属性的值表示
浏览 1
提问于2020-11-20
得票数 0
回答已采纳
1
回答
将边框半径应用于提前响应js
typeahead
我有下面的代码 <Typeahead id="ty" onChange={setSelected} options={options} placeholder="Business type ..." selected={selected} style={{height:"50px&
浏览 1
提问于2022-02-10
得票数 1
回答已采纳
1
回答
如何用CSS边框半径创建直角?
css
我试图用CSS边框-radius属性创建这种直角: 但到目前为止,我只得到了基本的CSS圆角。有人有办法解决这个问题吗?我试着不使用图像来创造效果。 提前谢谢。
浏览 3
提问于2016-06-06
得票数 3
回答已采纳
1
回答
在Chrome Inspect中找不到元素--如何自定义?
wordpress
我正在尝试使用Chrome Inspect查找元素的属性。我正在尝试对wordpress站点进行自定义CSS更改。 查看 -我想在“最新广告”缩略图周围使用相同的灰色边框。我想在我的长广告周围使用这个边框(在页面的底部,目前是一个很大的图片,上面写着“我的幻想羽毛”)。 我可以看到DIV类是: awpcp-listings-widget-item awpcp-listings-widget-item-without-Thum略图 但是,当我进入WordPress CSS项目编辑器并应用边框时,我找不到样式。 有什么建议吗?
浏览 19
提问于2020-05-25
得票数 0
2
回答
如何使边框半径在弹出的铬扩展?
css
、
google-chrome-extension
我正在开发chrome扩展,我想在css中设置边框半径并使用半径边框属性,但它绑定在子元素中。我的代码html如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" style="border-radius:10px"> <head> </head> <body> content here </body> </html> 我希望边框如下图所示:
浏览 0
提问于2015-01-12
得票数 9
1
回答
如何在两个不同的表中使用JQuery更改TH的样式
jquery
这个HTML有两个不同的表: <table class="mTabla" id="sdsdsdsf" style="margin: 0px auto; width: 100%; text-align: left; border-collapse: collapse;" border="1" rules="all" cellspacing="0"> <tbody> <tr> <th style="display: none;
浏览 0
提问于2018-10-17
得票数 1
回答已采纳
2
回答
youtube嵌入视频作为iframe的边界半径
css
、
iframe
、
youtube
、
rounded-corners
我有一个我完全不明白的问题。我有一个与YouTube视频iframe的网站,并希望通过CSS绕过边界。在上,视频被正确地嵌入圆角边框,但在上并非如此。 它们都有相同的CSS,我还没有发现这些集成之间有什么区别。有谁可以帮我?如果你需要更多的信息,就问吧。:) thx
浏览 4
提问于2012-09-19
得票数 2
4
回答
在IE 7+中有/没有JavaScript的圆角?
javascript
、
css
要在容器元素上创建圆角,我使用以下CSS: border-radius:12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; 然而,IE似乎没有识别和解释边框-radius属性(至少是7-8版本,显然是针对版本9的)。 是否有一个完全可以在CSS中完成的解决方案(没有脚本,没有额外的标记)? 对于JavaScript/jQuery解决方案:如果我可以包含一个读取CSS的脚本,解释边界半径属性(包括边框左上半径,边框右上半径),并相应地应用这些角,我就会使用基于这些解决方案的解决方案。这个存在吗?
浏览 6
提问于2010-12-17
得票数 8
回答已采纳
4
回答
具有边界半径的图像不填充div。
html
、
css
、
reactjs
、
border-radius
我试图在一个有弯曲边框的div中渲染一个图像。我正在经历一个问题,图像没有完全填充div,尽管两者的边界半径和尺寸相同。 下面是我在div中呈现图像的方式 <div className={"container"}> <img alt={"thumb"} className={"img"} src={ "https://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Gull_portrait_ca_u
浏览 1
提问于2021-07-06
得票数 2
回答已采纳
4
回答
CSS - border-radius在IE6/7/8中不显示
internet-explorer
、
cross-browser
、
css
、
vendor-prefix
我正在使用以下CSS在我的DIV上实现圆角边框: border: 1px solid #999; border-radius: 6px; -ms-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; 但在IE6/7/8中,即使我包含了IE的特定半径,它也不会显示圆角的DIV边框(它显示的是方形边框)。 你知道为什么只有IE6/7/8不显示圆角边框吗?
浏览 1
提问于2009-08-16
得票数 6
回答已采纳
2
回答
哪些浏览器(/浏览器版本)支持img元素上的css3边框半径?
browser
、
cross-browser
、
css
知道CSS3的边框半径不适用于旧浏览器中的img元素,我添加了这种技术,将img元素替换为div,并将图像源作为背景图像。在该div上,我使用边界半径。这很有效,但我收到了反馈,有时用户可以在眨眼的时候看到这种转变。 我注意到我现在可以使用最新的firefox (6.0.2)在img元素上设置边框半径。现在我的问题是,我如何或在哪里可以找到关于哪些浏览器的版本的信息,img元素上的这个新的边框半径已经生效,所以我可以调用图像替换作为异常,而不是在所有浏览器上。 谢谢!丹尼 PS:我使用的是css3pie,所以这个异常对很多浏览器都很有帮助。
浏览 2
提问于2011-09-10
得票数 2
1
回答
为什么-fx-边框颜色重置边界半径的TextField?
javafx
、
javafx-8
、
javafx-css
我想改变TextField的背景和边框颜色使用JavaFX CSS。我不明白为什么-fx-border-color重置TextField的边界半径? 如您所见,第二个TextField没有边框半径。 样本/样式.: .validation-error { -fx-background-color: #FFF0F0; -fx-border-color: #DBB1B1; } 示例/Main.java package sample; import javafx.application.Application; import javafx.geometry.Insets;
浏览 1
提问于2015-04-01
得票数 3
回答已采纳
3
回答
图像问题上的CSS圆角
css
、
rounded-corners
我在使用CSS3搜索img的角落时遇到了麻烦: 这是我使用的代码: img.event-thumbimage { height:120px; width:140px; -webkit-box-shadow: 0px 0px 10px 0px #4d4d4d; -moz-box-shadow: 0px 0px 10px 0px #4d4d4d; box-shadow: 0px 0px 10px 0px #4d4d4d; -webkit-border-radius: 8px; -moz-border-radius: 8px;
浏览 0
提问于2011-07-28
得票数 8
回答已采纳
1
回答
Html标记-图像和<img>边框之间的空间(带或不带边界半径)
html
、
css
、
image
、
border
我有个关于img标签的问题。 我想显示带有圆角边框的配置文件图片。我的图像大小是40 by乘40 by。奇怪的是,在实际图像和css边界之间出现了一个缺口。更奇怪的是,差距的增加或缩小,取决于我的浏览器的缩放。我用的是铬,但也用边缘测试。 截图 代码 目前,我在一个div容器中有一个img标记,里面有圆角和溢出:隐藏。此外,我试图在图像标记上直接设置一个边框,但也不起作用。 在你问:之前,我也尝试过没有任何边界半径,但不幸的是,也没有起作用。 Html <div class="div_profile_picture"> <img class=
浏览 2
提问于2022-01-18
得票数 0
1
回答
使用短代码的视频大小和边框半径
shortcode
、
css
、
video-player
How我可以从 标记中删除 style attribute吗? 我使用视频短代码在首页嵌入了一个视频,并使用CSS对其应用了border-radius。看起来不错。 我在functions.php中稍微修改了视频短代码: add_filter( 'wp_video_shortcode', function( $output ) { $output = str_replace( " CSS: #video-246-1_html5{ pointer-events: none !important; border-radius: 20px !important;
浏览 0
提问于2020-03-25
得票数 2
回答已采纳
1
回答
由Input元素实现的Button在被点击时不响应
css
、
huawei-developers
在开发QuickApp时,在将输入元素的类型设置为按钮并设置边框半径属性后,当点击按钮时,按钮不会按预期响应(背景颜色更改)。如果边框半径属性被删除,该按钮将再次正常工作。 <template> <div class="page-wrapper"> <input type="button" class="button" value="Animation" /> </div> </template> <script> </script&
浏览 141
提问于2021-08-31
得票数 1
回答已采纳
1
回答
将内容裁剪为圆角DIV元素的最佳实践
html
、
css
我目前正致力于在HTML5和CSS3上重现苹果的iOS 5切换开关。关键是,由于要求,构图不能由任何图像组成。我已经能够实现我想要的几乎所有的东西,但是裁剪容器框似乎有一个问题,使得它一次只显示切换的一半。 这里有一个截图来帮助解释我的意思: 请注意,粉色边框(仅为开发目的添加的)是圆角的,但超出它的内容似乎打破了边框圆角。有没有人能建议一种合适的方法来防止内容扩展超过边界半径-有效地裁剪div的内容以适应舍入? 我目前认为这可以使用图像属性和图像数据URL(例如: data:-webkit-mask-box-image /gif;base64,R0lGODlhEAAOALMAAOa
浏览 1
提问于2011-10-20
得票数 0
回答已采纳
6
回答
CSS中具有圆形边框的裁剪图像
image
、
css
是否可以使用CSS裁剪图像,使其具有圆形边框? 原始图像 裁剪图像 我如何在CSS中做到这一点?
浏览 16
提问于2013-08-27
得票数 7
回答已采纳
2
回答
如何在子组件中具有相同的CSS变量名
css
、
angular
嘿,我有多个部件。 我希望它们都有CSS变量--边框半径,并将值向下传递给子组件的变量。 我有4个组件,但是在这个例子中,我将把它简化为2个组件来说明我的问题。 元件A :host{ --border-radius: 50%; border-radius: var(--border-radius); component-b { --border-radius: var(--border-radius); } } 组件B :host{ --border-radius: 0; border-radius: var(--bord
浏览 2
提问于2019-11-13
得票数 0
2
回答
如何在css3中创建边框
css
、
border
、
css-shapes
如何使用css3创建边框,如下图所示。
浏览 4
提问于2015-03-03
得票数 1
1
回答
VueJs选中单选按钮组
vue.js
我正在使用vueJs,并且有一个单选按钮组。选中单选按钮后,如何将css边框属性绑定到类:class="selected" :checked属性不起作用,因为我已经将它绑定到v-model。 因此,如果选中了该选项,则将一个类(选定的)绑定到div。 <div class="sau-select lg center" :class="selected"> <label for="windows"> <input type="radio" id="windows
浏览 2
提问于2018-03-16
得票数 6
回答已采纳
5
回答
避免CSS边界半径中的椭圆形状
html
、
css
矩形div使用边框半径CSS生成椭圆角而不是圆角。我怎样才能得到完美的圆角矩形div?
浏览 3
提问于2015-07-24
得票数 51
回答已采纳
1
回答
是否可以全局地将CSS3Pie边界半径应用于jQuery UI?
jquery-ui
、
css
、
css3pie
要将behavior: url(PIE.htc);应用于项目接缝中的所有css文件,这是一个很长的过程,对于每个新版本,我需要再次重复。 有什么地方可以找到jquery ui CSS3Pie版本吗? 或 是否可以在单独的css文件中添加CSS3Pie支持,因此在这种情况下,可以将该css用于任何新的jquery版本。 在我的自定义css中,我试图对jquery做这样的修正: .ui-corner-top, .ui-corner-left, .ui-corner-right, .ui-corner-bottom { behavior: url("PIE.htc"); } .ui-
浏览 2
提问于2011-09-08
得票数 5
3
回答
CSS3边框-显示半径:表格-行元素
html
、
css
、
css-tables
这是我的布局: <div class="divContainer"> <div class="item"> <div class="itemHeader"></div> <div class="itemBody"><div> <div class="itemFlag"></div> </div>
浏览 2
提问于2011-03-07
得票数 15
回答已采纳
5
回答
CSS边框半径,使用哪种样式是正确的?边界-半径?-webkit-边界-半径?-moz-边界-半径?
css
我想使用CSS来创建漂亮的圆形边框。我注意到了以下CSS样式: border-radius -webkit-border-radius -moz-border-radius 哪种风格是最好的?
浏览 0
提问于2009-12-31
得票数 3
回答已采纳
2
回答
带颜色覆盖边框半径的左侧边框?
css
、
border
我有一个带有CSS属性的表td: border-radius: 4px; border-left: 5px solid red; 我希望左边的边框是圆形和红色的。但是,当我试图给它一个颜色时,它的边界半径似乎没有出现在左边。 解决这个问题的最好方法是什么?
浏览 0
提问于2017-10-14
得票数 1
1
回答
模式的CSS边框在IE 11中重复
css
、
internet-explorer
、
internet-explorer-11
这种情况只在IE 11中发生,我在modal中有一个表。 更改边框的高度不会更改任何内容。 下面是html: <div class="modalDiv" id="modalDiv" style="left: 587px; top: 213px; width: 450px; height: 530px; display: block; opacity: 1;"> <table class="modalTable" cellspacing="0" cellpadding="0">
浏览 3
提问于2015-01-08
得票数 1
2
回答
如何读取边界半径的实际CSS规则
javascript
、
jquery
、
html
、
css
我正在包装一个自动生成的div围绕一个图像,我需要应用一些样式从图像到div。 如何读取/获取影响图像的边界半径的CSS规则? 例如,如果CSS将边框半径设置为30px,它应该返回“30 to”,如果它是50%,则应该返回"50%“--我想要的是实际的规则,而不仅仅是像素值。
浏览 0
提问于2014-11-03
得票数 3
1
回答
溢出:在IE8中使用css3pie隐藏圆角边框?
javascript
、
css
、
css3pie
我有这个HTML: <div id="micrositePhotoDiv"> <img id="micrositePhoto" /> </div> 和css: #micrositePhotoDiv { overflow:hidden; @include border-radius(10px); behavior: url(PIE.htc); } 在javascript中以编程方式设置img的src。 将img设置为其包含的div的宽度。在ie9、火狐、chrome等浏览器中,这会使图像具有圆角边
浏览 2
提问于2011-10-14
得票数 7
回答已采纳
3
回答
为什么边框顶端不创建线性结束与边界半径适用于它?
html
、
css
我想用CSS创建一个简单的加载动画,所以我需要一个只在元素周围可见的1/4的边框。元素也需要是圆形的。我偶然发现了border-top并创建了以下CSS,它应用于"loading元素“: .loading { width: 5rem; height: 5rem; border-radius: 50%; border-top: 5px solid red } <div class="loading"></div> 然而,现在我遇到了一个问题,用边框顶部创建的边框包围了大约1/2的元素,并得到了一个奇怪的形状。 我已
浏览 1
提问于2021-10-06
得票数 2
回答已采纳
2
回答
CSS边框出现在单击
html
、
css
、
border
我在右边(蓝色)按钮上有一个简单的注销按钮,每当我按下注销按钮,这个边框就会出现。 我尝试了以下CSS样式: a:active { border-style: none; border: 0px; } 这些已经在<a> tag的所有可能性上试过了,比如hover, active。 知道原因是什么吗? 这是Jsfiddle链接
浏览 1
提问于2014-09-23
得票数 7
回答已采纳
1
回答
用铬刻度和模糊图像时出现的奇怪故障
html
、
css
、
google-chrome
我正在试验一个“缩放和模糊”css效果。所以当我悬停在一个图像上时,它应该是模糊的,缩小一点,而包含在一个带有overflow:hidden的div中。 然而,在运行Chrome时,总是会出现一个奇怪的故障。当过渡进行时,一个模糊的白色边框出现在容器周围。 我在想有没有更好的方法?或者一种规避它的方法?非常感谢! 您可以看到一个gif演示了这个问题: 和运行在火狐中的相同代码作为比较: 注意图像中的边框。 下面是我的代码: <style> #img0{ width:500px; height:auto; } .hoverBlur{ -webkit-trans
浏览 0
提问于2016-01-22
得票数 2
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
这些WEB前端CSS实用技巧,有多少是你不知道的
HTML CSS 列表和表格
10个CSS简写/优化技巧
CSS小技巧-自适应椭圆
分享几款电脑实用小工具
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
活动推荐
运营活动
广告
关闭
领券