如何通过类名给带有myDiv类的div元素添加蓝色边框

嘿，这事儿超简单！你只需要用CSS的类选择器就能精准定位到所有带myDiv类的div元素，然后给它们加上边框样式就行。下面给你两种常用的实现方式：

方法1：内部CSS（直接写在HTML文件里） #

在HTML的<head>标签里添加一个<style>块，用类选择器.myDiv来设置边框：

<head>
  <style>
    .myDiv {
      /* 这里可以调整边框的宽度、样式和颜色，示例用了你代码里的蓝色值 */
      border: 2px solid #00bcf4;
      padding: 10px; /* 可选：加内边距让内容和边框间有空间，视觉更舒适 */
    }
  </style>
</head>
<body>
  <div class="myDiv"> 
    <p><span style="color: #00bcf4;"><strong>1) <u>Units of Measurement</u></strong></span></p> 
    <p><strong><em>@ K</em></strong><em>ing &nbsp;<strong>H</strong>ector&nbsp; <strong>D</strong>ied &nbsp;<strong>M</strong>ysteriously&nbsp;<strong>...</strong></p>
  </div>
</body>

方法2：外部CSS（适合多页面项目） #

如果你的项目有多个页面，把样式写到单独的CSS文件里更便于维护。比如创建styles.css文件，内容如下：

.myDiv {
  border: 2px solid #00bcf4;
  padding: 10px;
}

然后在HTML的<head>里引入这个CSS文件：

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

要是想调整边框样式，比如改成虚线，把solid换成dashed就行；调整宽度的话，修改2px为你想要的数值就好。

内容的提问来源于stack exchange，提问作者Bir Nepali