css圆框怎么做 |css3搜索栏

css display平行，css 遮盖部分图片，webpack怎样css单独文件，vue怎么改css，sublime加动画css3，css3图形绘制经验，css3搜索栏 css圆框怎么做 |css3搜索栏

.circle {
border-radius: 50%;
width: 100px;
height: 100px;
border: 2px solid black;
}

以上是实现样式的CSS代码，其中，border-radius: 50%可以让一个矩形转化为一个圆形，width: 100px; height: 100px;可以使这个圆形具有固定的宽度和高度，而border: 2px solid black;则是给圆形添加边框。其中，2px表示边框粗细，solid表示边框样式为实线，black则表示边框颜色为黑色。

在HTML代码中使用以上样式：

<div class="circle"></div>

将以上代码放入HTML文件中，并查看浏览器的效果，就能看到一个美观的圆形边框了。CSS圆框代码虽然简单，但是能美化你的页面，增加观感，十分有用。你可以尝试使用以上代码在自己的网站中创建圆形边框，为页面增添时尚感。