怎样用css写出圆形边框

html-css08

怎样用css写出圆形边框,第1张

1、首先打开sublime text编辑器,新建一个html文件,里面写入一个p标签:

2、然后设置p标签的样式,这里先设置一个边框,然后设置圆角边框,主要使用CSS3属性border-radius属性定义圆角效果。其中的数值为参数length是浮点数和单位标识符组成的长度值,不可为负值,这里圆角的值越大,圆角的弧度也越大:

3、最后打开浏览器,就可以看到圆角边框了:

1、打开WORD软件,在菜单,点击“页面布局”-“页面边框”,如图:2、出现页面边框对话框,可以对边框进行设置“有”或“无”。有的的形式,还有横线的式样。如果选择方框为有,在右边就马上看到设置后效果,如图:3、还可以通过表格工具调整边框大小。在“样式”这里可以对线的“样式”,“颜色”,线的“宽度”进行设置。

还有两种方法,一是用CSS3的 border-radius属性,如果在非IE浏览器中,可以使用-moz-border-radius或-webkit-border-radius这两个属性,第二种是用圆角的图片实现,这个方法现在网上用的比较多