1html5直接就可用css3的属性去做圆形，borderradius即可实现圆角2图片形式，左右两侧做圆角图片，衔接好，即可实现，但右侧的需要在技术时进行变化 3背景形式，做左右两侧背景色+圆角png透明背景，背景采用颜色填充即。

下面是我为大家搜索整理的关于网页中HTML5与CSS3的应用，欢迎参考阅读，希望对大家有所帮助！想了解更多相关信息请持续关注我们应届毕业生培训网！ 网页技术的发展和进步，使得网页的功能朝着越来越丰富的方向发展，网页计算机设计技术也在这样的。

只写了里面的，外面的不太好写 lt！doctype htmllthtml lang=quotenquotlthead ltmeta charset=quotUTF8quot lttitle圆形导航lttitle ltlink rel=quotstylesheetquot href=quotcsscommoncssquot ltstyle type=quottextcss。

单从你上面所截图并看不出来是怎么得来的圆圈，请在网上移动到dl标签上看看是否写了命令 存用css3写的话，必须有两个圆圈组合，大圆是半透明的，小圆是不透明的，例如 ltdl class=quotonequot ltdt111ltdtltdl css。

最内层的div3裁剪一半然后旋转需要的角度， 父级div2裁剪一半，此时已经裁剪出来了那个扇形了 最后在上面加个圆形遮盖层 css代码ltpre class=quotbrushcsstoolbar true autolinks falsequotdiv1， rightdiv2。