1、第一步,双击打开HBuilder设计工具,新建静态页面borderTopLeftRadiu衡痕贤伎s.html,并修改title标签内的内容,如下图所示:
2、第二步,在<body></body>标签内插入一个div标签,设置对应的ID属性值,并插入文字内容,如下图所示:
3、第三步,利用CSS中的ID选择器设置div标签的样式,如宽度、高度、背景色、字体属性、字体颜色和间距等,如下图所示:
4、第四步,保存代码并预览该静态页面,可以查看到界面上显示内容居中,如下图所示:
5、第五步,添加属性border-top-left-radius,对应的值为100px,兼容其他浏览器属性设置,如下图所示:
6、第六步,再次保存代码并查看页面效果,可以看到div标签左上角显示一个圆角,如下图所示: