相关疑难解决方法(0)

购物车 - 购物车CSS中的项目数量

正如我们在热门网站上看到的那样top-right,购物车图标上有一个小图标!我必须在我的ASP .NET网页中使用类似的东西.

在此输入图像描述

如何将此图标显示在购物车图标的右上角..

购物车的图标是普通的自助图标,购物车中商品数量的css如下:

.badge {
  padding-left: 9px;
  padding-right: 9px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}

.label-warning[href],
.badge-warning[href] {
  background-color: #c67605;
}
Run Code Online (Sandbox Code Playgroud)

注意:图像中显示的所有菜单项(包括购物车图标)都在ul-li列表中.

 <li>
      <a href="Cart1.aspx" class="icon-shopping-cart" style="font-size: 25px"><asp:Label ID="lblCartCount" runat="server" CssClass="badge badge-warning"  ForeColor="White"/></a>
</li>
Run Code Online (Sandbox Code Playgroud)

编辑:购物车数量几乎是我想要的,但它可以更多地到购物车图标的顶部?喜欢3-5px?

在此输入图像描述

html css asp.net

2
推荐指数
1
解决办法
2万
查看次数

标签 统计

asp.net ×1

css ×1

html ×1