我有一個(gè)用js 畫(huà)圓形的效果 估計(jì)你改改就可以了，你將下面的代碼保持下看看效果lthtml xmlnsv=quoturnschemasmicrosoftcomvmlquot lthead ltmeta。

ltdiv style=quotwidth100pxheight100pxborder1px solid redborderradius50pxlineheight100pxtextaligncentercolorredquot設(shè)計(jì)師 ltdiv要做一個(gè)圓圈，首先要做一個(gè)正方形的div，然后加上border邊框，邊。

新建頁(yè)面，輸入內(nèi)容 html head meta charset=#34utf8#34 div style=#34width500px height500px borderradius100% overflowhidden#34 img src=#34tpng#34 alt=#34只是圓形圖片。

原本不是圓形圖片，通過(guò)CSS樣式布局實(shí)現(xiàn)成圓形圖片，首先圖片必須為正方形1HTML源代碼完整代碼復(fù)制代碼代碼如下圖片圓形布局 在線演示 DIVCSS52對(duì)應(yīng)CSS代碼復(fù)制代碼代碼如下#divcss5 margin10px auto#div。

ltbody 首先我們需要分析一下整個(gè)牌的構(gòu)造，以普通數(shù)字牌1為例，共可分為5個(gè)部分，分別是1外框2顏色3上下角標(biāo)數(shù)字4里面的白色橢圓5中間的大數(shù)字 對(duì)應(yīng)不同的部分，我們將其分解為5部分的html代碼并為其添加。

把html中按鈕設(shè)置為圓形很簡(jiǎn)單，只需要將按鈕的borderradius屬性設(shè)置50%，同時(shí)將寬和高設(shè)置相同即可并去除邊框線具體實(shí)現(xiàn)代碼如下lt！doctype html lthtml lthead ltmeta charset=quotUTF8quot lttitleDocumentlttitle。

可以設(shè)置li的樣式 liststyletypecircle 不過(guò)不太建議這樣做，因?yàn)椴煌瑸g覽器可能解析出來(lái)的·不一樣，建議你還是把小圓點(diǎn)做為背景圖設(shè)置。