手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

css如何实现圆角边框

时间:2024-10-19 11:39:11

1、电脑打开【Dreamweaver】软件,如图所示。

css如何实现圆角边框

2、打开软件后,输入html标准代码,如图所示。

css如何实现圆角边框

3、添加一个p标签,为p标签设置宽度、高度以及边框,然后点击保存,如图所示。

css如何实现圆角边框

4、用浏览器打开编辑后的网页,查看p标签显示效果,如图所示。

css如何实现圆角边框

5、我们为p标签设置圆角属性:border-radius:30px,如图所示。

css如何实现圆角边框

6、然后我们刷新浏览器,这样p标签圆角属性就设置成功了,如图所示。

css如何实现圆角边框
© 手抄报圈