css 如何把两个图片(背景)分别过定在右上角和右下角

html-css041

css 如何把两个图片(背景)分别过定在右上角和右下角,第1张

需要准备的材料分别有:电脑、浏览器、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