在商品列表中，经常会遇到“售罄”、“热卖”等标签，本篇博客介绍如何使用CSS实现斜角标签，效果图如下： .wxml代码 <view class='sellout_box'> <view class='sellout'> 补货中 < ...

制作斜角菜单就是利用边框的接角构造一个斜角，每一个菜单项的a元素，放置一个span元素，设置为corner类，实现斜角效果。 设置a元素为相对定位，a是span的子元素设置其为绝对定位，再设置span的top和left为零，以便使斜角定位在以边框为界的左上角。 以下代码显示效果如下 ...

最近看了一些科技感UI设计，其中很多的按钮都不是常见的圆角边，而是斜角边。查了一下，wpf中好像没有现成的斜角border，网上也没搜到现成的，于是自己写了点时间做了一个，写的较简单，有一些bug（主要是没有去管一些极值情况），但也基本可用了。 下面与大家分享一下代码： 先上效果： 前台 ...

markdown的css样式，这些是我自己配置的，感觉可以的话你可以添加下，不适合自己的话可以仿照第二种自己写个比较好的css样式。 第一种 第二种 第三种 　　就是在第二中的基础上加代码的语法着色，代码在我的另一片博客中地址为http://www.cnblogs.com ...

文章的起因，我只是为了回复一个帖子，http://bbs.csdn.net/topics/390908928?page=1 结果，一扯就根本停不下来。索性，一捅为快，反正是周末。 拿到效果图时， ...

width: 7px; height: 7px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; transf ...

步骤条很常见，但是网上很多都不太智能，不适合放在手机上的步骤条，应一位朋友的求帮忙，故写了一个可以加任意多个步骤，宽度仍然等比，超过屏幕还可以滑动的步骤条ui。具体展示如下： 于若需要请移步我的github，按照自己的需求自行修改。其中横向滑动可以参加另外一篇文章 ：css如何实现滚动条隐藏 ...

效果图如下： ...