.we
{
border-radius: 62px; /* 所有角都使用半徑為5px的圓角,此屬性為CSS3標準屬性 */
-moz-border-radius:62px; /* Mozilla瀏覽器的私人屬性 */
-webkit-border-radius: 62px; /* Webkit瀏覽器的私人屬性 */
background:#000;
width:62px; height:62px;
border-radius: 62px 62px 62px 62px; /* 四個半徑值分別是左上方、右上方、右下角和左下角 */
margin-left: 15px; margin-top:15px; float: left; color: #FFF;
color: #FFF;
}
回複討論(解決方案)
想要幹嘛沒說清楚啊
html5?
如果純粹想要實現這個效果
用html5 canvas好實現
表示看不懂。。。默默流淚
想要幹嘛沒說清楚啊
.we{ border-radius: 62px; /* 所有角都使用半徑為5px的圓角,此屬性為CSS3標準屬性 */ -moz-border-radius:62px; /* Mozilla瀏覽器的私人屬性 */ -webkit-border-radius: 62px; /* Webkit瀏覽器的私人屬性 */ background:#000; width:62px; height:62px; border-radius: 62px 62px 62px 62px; /* 四個半徑值分別是左上方、右上方、右下角和左下角 */ margin-left: 15px; margin-top:15px; float: left; color: #FFF; color: #FFF;}
想要幹嘛沒說清楚啊
.we{ border-radius: 62px; /* 所有角都使用半徑為5px的圓角,此屬性為CSS3標準屬性 */ -moz-border-radius:62px; /* Mozilla瀏覽器的私人屬性 */ -webkit-border-radius: 62px; /* Webkit瀏覽器的私人屬性 */ background:#000; width:62px; height:62px; border-radius: 62px 62px 62px 62px; /* 四個半徑值分別是左上方、右上方、右下角和左下角 */ margin-left: 15px; margin-top:15px; float: left; color: #FFF; color: #FFF;}
我現在不是畫了個圓了啊 我要做成那樣。。。 用演算法 畫上去。。怎麼畫。。。1個個畫 到時候維護太麻煩了
求出各圓點在圖中的位置
$a = rand(0, 2 * M_PI); //極角$r = rand(0, $R); //極距$x = $ox + $r * cos($a);$y = $oy + $r * sin($a);
若要保證各圓點不相交,還需另行計算兩點間距離:
sqrt(pow($x1-$x2),2) + pow($y1-$y2),2)) / 2 <= 圓點半徑
圓的大小和位置這些資料是怎麼來的?這是關鍵點。
求出各圓點在圖中的位置
$a = rand(0, 2 * M_PI); //極角$r = rand(0, $R); //極距$x = $ox + $r * cos($a);$y = $oy + $r * sin($a);
若要保證各圓點不相交,還需另行計算兩點間距離:
sqrt(pow($x1-$x2),2) + pow($y1-$y2),2)) / 2 <= 圓點半徑
看不懂。。能幫我寫下麼 寫成我的效果