html5怎么实现当购物车里面有条消息时在右上角有个数字

html-css022

html5怎么实现当购物车里面有条消息时在右上角有个数字,第1张

<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>

HTML5页面的作用

1、令企业发展更开阔:HTML5页面作为新兴的微信推广工具,可以应用各种各样的场景,比如产品展示、购买流程,购物车等,能让客户有更快的速度体验,不再卡顿。

2、令体验更完美:HTML5页面中的各种炫酷创新的场景模拟、动画效果、互动方式,都能给用户带来新鲜独特的完美体验,这是传统手机页面所不能媲美的。

HTML5页面可以运用到哪些应用场景

1、企业宣传:高大上的游戏能帮助企业快速聚集人气,让你的客户订单从游戏开始。

2、企业招聘:令企业走向人才,令人才近距离了解企业、认识企业,令招聘更高效。

3、商业营销:通过HTML5特性,使用大转盘,刮刮卡,满减满增等增加客户粘性,从而达到营销目的。

4、报名预约:旅游线路报名、教育课程报名、餐厅预约等场合都可以,多种表单预设,也可以自己创建新的预约流程,自由选择。