你可以使用 CSS 的 border-radius
属性将 HTML 模块的 div
元素设置为一个半径为 50px 的圆形,并使用 border
属性将边框设置为 1px 的黑色实线。
以下是示例的 CSS 代码:
.module {
width: 100px;
height: 100px;
border-radius: 50px;
border: 1px solid black;
}
在上面的代码中,假设模块的宽度和高度都为 100px,你可以根据实际情况进行调整。
border-radius: 50px;
设置了圆角半径为 50px。要注意,当只提供一个值时,border-radius
属性会同时应用于水平和垂直方向上的圆角。
border: 1px solid black;
设置了边框为 1px 的黑色实线。
将上述 CSS 样式应用于你的 HTML 中的 div
元素,就可以使其呈现一个半径为 50px 的圆,并且带有 1px 的黑色实线边框。