CSS实现元素右上角的小圆点

html-css093

CSS实现元素右上角的小圆点,第1张

其实我就想实现未点击按钮时,文字右上方有小圆点,点击后消失的效果

但是不想用浮动、定位,结果百度搜了一圈,大家都是用浮动、定位解决,

记录两种更好的解决方案:

1.使用sup标签

2.使用css属性vertical-align

css设置数字右上角显示一个圆点适配移动端ios会动。添加样式,div添加背景颜色,添加高度,宽度,设置为行内元素(display:table-cell),关键的样式为添加border-radius,边框弧度。