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

html-css05

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

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

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

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

1.使用sup标签

2.使用css属性vertical-align

有四种方法可以实现圆角。

第一、直接写CSS代码：border-radius

第二、四个圆角贴图；制作四个圆角的图片，然后用css定义

第三、直接制作整个圆角矩形背景

第四、定义12个背景色：左上角4个，右上角4个，右下角4个，左下角4个。