html设置按钮样式变为椭圆,css border-radius圆形变为椭圆形，位置：绝对

我正在围绕字体真棒图标创建一个圆圈。我的问题是，当我添加position: absolute圆成为一个椭圆。css border-radius圆形变为椭圆形，位置：绝对

同样的情况，如果我是设置display: block

这里是什么，我想实现的图像 -

CONRADULATIONS

YOU HAVE PASSED

You have scored 92%

DOWNLOAD YOU CERTIFICATE

CLOSE ASSESSMENT

的CSS

slide.assessment-score .score-heading{

height: 33%;

background-color: #a8db66;

border-radius: 5px 5px 0 0;

color: #ffffff;

position: relative;

}

slide.assessment-score .score-heading i{

position: absolute;

bottom: 0;

right: 0;

left: 0;

font-size: 6em;

margin-bottom: -30px;

border-radius: 50%;

padding: 1rem

background-color: black;

}

你需要定义的宽度和高度绝对定位或相对它包定位div或者将定位设置为相对，并使用顶部，左侧定位它 –

问题不是因为你设置了'position：absolute'。这是因为你设置了'right：0'和'left：0'。这说明它占据了整个宽度。 –

问题是高度宽度会改变，所以我不知道值 –

html设置按钮样式变为椭圆,css border-radius圆形变为椭圆形，位置：绝对相关推荐

css设置按钮样式_使用CSS设置按钮样式的快速指南
css设置按钮样式 by Ashwini Sheshagiri 通过Ashwini Sheshagiri Buttons have become an inevitable part of front ...
考虑到可访问性，使用 CSS 设置按钮样式
按钮在网站上有很多用途--有用于悬停在图像上和在网页上导航的大按钮,以及用于显示有关您的产品或服务的信息的更微妙的按钮. 然而,按钮甚至可以吓倒经验丰富的网页设计师. 按钮有许多可能需要很长时间才能掌 ...
qt中继承pushbutton自定义控件设置按钮样式
提要继承QPushButton后的按钮,设置其样式. 实现在自定义的控件类中添加Q_OBJECT宏在自定义的控件的类中重写paintevent函数自定义的控件在使用时,必须指明其父对象使用样 ...
怎么修改谷歌浏览器文件提交按钮样式_使用css自定义input file浏览按钮样式
前言文件上传用途非常广泛,浏览器自带文件控件不太美观,很多时候不能满足需求,需要自定义input [type=file]的样式. 不同浏览器的file控件表现形式不一样火狐谷歌 IE 不同浏览器 ...
html设置按钮样式表,如何使用样式表设置QToolButton的图标？
我想使用样式表来设置QToolButton的图标,就像这样:如何使用样式表设置QToolButton的图标? #include #include QString FormStyleSheetStrin ...
代码设置按钮样式的方法
2019独角兽企业重金招聘Python工程师标准>>> StateListDrawable states = new StateListDrawable(); states.addS ...
css链接样式_如何在CSS中设置链接样式
css链接样式样式链接 (Styling Links) Links can be styled with any CSS property, such as color, font-family, ...
html 中按钮控件变为透明,css如何实现按钮透明
在css中,可以使用opacity属性设置按钮透明,语法"opacity:数值",其中数值范围在"0.0-1.0"之间:当数值为1时表示完全不透明,当数值为0. ...
pyqt设置按钮边框
设置背景颜色: https://blog.csdn.net/jacke121/article/details/108327378 设置按钮样式示例: import sys from PyQt5.QtW ...

html设置按钮样式变为椭圆,css border-radius圆形变为椭圆形，位置：绝对

html设置按钮样式变为椭圆,css border-radius圆形变为椭圆形，位置：绝对相关推荐

最新文章

热门文章