html正方形边框，详解HTML设置边框的三种方式（html画方框用border）

作者：System 时间：2024年08月23日分类：所有,html5 字数：637

这篇文章距离上次修改已过224天，其中的内容可能已经有所变动。

在HTML中，可以通过CSS样式来设置元素的边框。以下是设置正方形边框的三种方法：

<div style="width: 100px; height: 100px; border: 2px solid black;"></div>

<style>
  .square {
    width: 100px;
    height: 100px;
    border: 2px solid black;
  }
</style>

<div class="square"></div>

/* styles.css */
.square {
  width: 100px;
  height: 100px;
  border: 2px solid black;
}

<link rel="stylesheet" href="styles.css">

<div class="square"></div>

以上三种方法均可以创建一个边框正好是100像素宽高的正方形。