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

html-css026

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