其实我就想实现未点击按钮时，文字右上方有小圆点，点击后消失的效果
image.png
但是不想用浮动、定位，结果百度搜了一圈，大家都是用浮动、定位解决,
记录两种更好的解决方案：
1.使用sup标签
<sup></sup>
2.使用css属性vertical-align
.dot{
width: 8px;
height: 8px;
border-radius: 50%;
background-color: @danger;
display: inline-block;
vertical-align: super;
}
其实我就想实现未点击按钮时，文字右上方有小圆点，点击后消失的效果 但是不想用浮动、定位，结果百度搜了一圈，大家都是...
.redcircle {undefinedposition: absol...
css设置元素水平垂直都居中显示 知道元素大小的情况 css3中不确定元素大小的情况 margin:auto实现绝...
利用css实现鼠标移上去，出现元素。
html实现元素全屏的时候，会在该元素上加上如下css，该css无法被覆盖和修改。 我们可以通过对元素通过调用re...
css实现居中需要提前知道元素的宽度和高度：width: 600px; height: 400px; css3实现...
水平居中 行内水平居中 行内水平居中就直接用text-align: center 块级水平居中 直接用margin...
1.1、纯css通过伪元素来定义input输入框激活样式 HTML代码： CSS伪元素实现代码： 注：1、加号为相...
实现思路：设定镂空元素大小，通过阴影实现镂空效果。 html代码 css 代码 实现效果如图
本文标题：CSS实现元素右上角的小圆点
本文链接：https://www.haomeiwen.com/subject/wcuggctx.html
网友评论