需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的<style>标签中,输入css代码:
<img style="position: absoluteright: 0top:0" src="small2.png" />
<img style="position: absoluteright: 0bottom:0" src="small3.png" />
3、浏览器运行index.html页面,此时一张图片被固定右上角,另一张图片被固定右下角。
其实我就想实现未点击按钮时,文字右上方有小圆点,点击后消失的效果
但是不想用浮动、定位,结果百度搜了一圈,大家都是用浮动、定位解决,
记录两种更好的解决方案:
1.使用sup标签
2.使用css属性vertical-align