css设置数字右上角显示一个圆点适配移动端ios

html-css010

css设置数字右上角显示一个圆点适配移动端ios,第1张

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

<style type="text/css">

sup{

background: red

color: white

border-radius: 5px/*圆角*/

padding: 0px 3px/*左右边距*/

top: -1em/*数字离图片右上角的高度*/

}

#shop{

margin-top:10px

}

</style>

<div id="shop">

<img src="images/1.jpg"/ width="25" height="25">

<sup>1</sup>

</div>