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

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

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

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

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

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

可以設(shè)置li的樣式 liststyletypecircle 不過不太建議這樣做，因為不同瀏覽器可能解析出來的·不一樣，建議你還是把小圓點做為背景圖設(shè)置。