在商品列表中，經常會遇到“售罄”、“熱賣”等標簽，本篇博客介紹如何使用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如何實現滾動條隱藏 ...

效果圖如下： ...