用css生成的無鋸齒完美圓角

2022-03-21 06:34:15 字數 2569 閱讀 4509

現在web2.0時代圓角風行,對於圓角效果有多種實現方案,比如圓角透明的png、透明gif、純css控制等等

今天在網上看到一種用css實現無鋸齒完美圓角的方法,值得收藏。

html**:

1:  

<

html

>

2:  

<

head

>

3:  

<

style

type

="text/css"

>

4:  .spiffy
5:  .spiffy *
11:  .spiffy1
19:  .spiffy2
27:  .spiffy3
32:  .spiffy4
35:  .spiffy5
38:  .spiffyfg
40:  

style

>

41:
42:  

head

>

43:  

<

body

>

44:
45:  

<

div>

46:  

<

bclass

="spiffy"

>

47:  

<

bclass

="spiffy1"

><

b>

b>

b>

48:  

<

bclass

="spiffy2"

><

b>

b>

b>

49:  

<

bclass

="spiffy3"

>

b>

50:  

<

bclass

="spiffy4"

>

b>

51:  

<

bclass

="spiffy5"

>

b>

b>

52:
53:  

<

divclass

="spiffyfg"

>

54:  

– content goes here –>

55:
56:  this is the content!<

br/>

57:  this is the content!<

br/>

58:  this is the content!<

br/>

59:  this is the content!<

br/>

60:  this is the content!<

br/>

61:  this is the content!<

br/>

62:  this is the content!<

br/>

63:  

div>

64:
65:  

<

bclass

="spiffy"

>

66:  

<

bclass

="spiffy5"

>

b>

67:  

<

bclass

="spiffy4"

>

b>

68:  

<

bclass

="spiffy3"

>

b>

69:  

<

bclass

="spiffy2"

><

b>

b>

b>

70:  

<

bclass

="spiffy1"

><

b>

b>

b>

b>

71:  

div>

72:  

body

>

73:  

html

>

效果非常好,沒有鋸齒狀

用隨機函式生成無週期隨機序列(陣列)

隨機函式生成的隨機數是有週期 有規律的 源於同樣的算式 用隨機函式輔助生成沒有週期 沒有規律的 或者很難找到規律 序列值是很有意義的,密碼學需要這樣的序列 陣列 方法很簡單,選擇乙個效能優良的隨機函式,所謂效能優良是指函式生成的陣列元素分布均勻,能通過各項隨機數指標的檢測。例如我們需要n個元素的隨機...

用SSD Pytorch訓練自己的資料集 完整教程

修改原始碼 測試訓練自己的資料集 github ssd single shot multibox object detector,in pytorch git clone coco sh data scripts coco2014.sh voc 2007 2012 sh data scripts v...

用python3尋找1000以內的完數

題目 乙個數恰好等於它的因子之和,這個數就稱之為完數例如 6 1 2 3請找出1000以內的所有完數,可以參照尋找因式分解的程式。結果 6,28,496 方法一 import math for i in range 2 1001 1 factor num 0for l in range 1 int ...