css实现div圆角效果

作者:神奇的周 | 创建时间: 2023-07-27
做前端的过程中经常都会遇到圆角的效果,本篇金供前端入门的参考。...
css实现div圆角效果

操作方法

在eclipse中打开编辑器,创建一个css文件。一个html文件

在html文件中编写如下代码 <div class="yjdiv">测试圆角效果</div>

在css文件中编写代码  .yjdiv{width:200px;height:200px; border-radius: 4px;} 圆角的弧度由border-radius的值控制,然后在html文件中引入css文件即可

点击展开全文

更多推荐