我有一个用js 画圆形的效果 估计你改改就可以了，你将下面的代码保持下看看效果lthtml xmlnsv=quoturnschemasmicrosoftcomvmlquot lthead ltmeta。

ltdiv style=quotwidth100pxheight100pxborder1px solid redborderradius50pxlineheight100pxtextaligncentercolorredquot设计师 ltdiv要做一个圆圈，首先要做一个正方形的div，然后加上border边框，边。

新建页面，输入内容 html head meta charset=#34utf8#34 div style=#34width500px height500px borderradius100% overflowhidden#34 img src=#34tpng#34 alt=#34只是圆形图片。

原本不是圆形图片，通过CSS样式布局实现成圆形图片，首先图片必须为正方形1HTML源代码完整代码复制代码代码如下图片圆形布局 在线演示 DIVCSS52对应CSS代码复制代码代码如下#divcss5 margin10px auto#div。

ltbody 首先我们需要分析一下整个牌的构造，以普通数字牌1为例，共可分为5个部分，分别是1外框2颜色3上下角标数字4里面的白色椭圆5中间的大数字 对应不同的部分，我们将其分解为5部分的html代码并为其添加。

把html中按钮设置为圆形很简单，只需要将按钮的borderradius属性设置50%，同时将宽和高设置相同即可并去除边框线具体实现代码如下lt！doctype html lthtml lthead ltmeta charset=quotUTF8quot lttitleDocumentlttitle。

可以设置li的样式 liststyletypecircle 不过不太建议这样做，因为不同浏览器可能解析出来的·不一样，建议你还是把小圆点做为背景图设置。