<div class="box-area"> <h3>琴</h3> <p>Lorem ipsum dolor sited, conses tear radicalising elite. Dolores qua poor consequent aliquot, incident eis magna provident</p> </div> 设置css加粗字体

要将这个 div 中的字体加粗，可以在 CSS 中加入以下代码：

.box-area {
  font-weight: bold;
}

这会将这个 div 中的所有文本的字体加粗。如果只想将 h3 标签中的文本加粗，可以这样写：

.box-area h3 {
  font-weight: bold;
}

这会将这个 div 中的 h3 标签中的文本加粗。

相关问题

<div class="col-sm-6 col-md-6 text-center"> <span class="icons c2"><i class="icon-tools"></i></span> <div class="box-area"> <h3>画</h3> <p>Lorem ipsum dolor sitamet, consec tetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt eius magni provident</p> </div> </div>把p标签中的文字换成图片

要将这个 div 中的 p 标签中的文字替换成图片，可以在 HTML 中将 p 标签的内容改为一个 img 标签，如下所示：

<div class="col-sm-6 col-md-6 text-center">
  <span class="icons c2"><i class="icon-tools"></i></span>
  <div class="box-area">
    <h3>画</h3>
    <img src="path/to/image.jpg">
  </div>
</div>

其中，`path/to/image.jpg` 是你要插入的图片的路径。这样就可以将 p 标签中的文字替换成图片了。注意要确保图片的尺寸和样式适合所在的容器。

<div class="container"> <header> <h1>HOMEPAGE</h1> </header> <ul class="accordion"> <li class="tab"> <div class="social youtube"> <a href="index.html">Youtube</a> </div> <div class="content"> <h1>星空</h1> <p>星空闪耀，空冥幽邃</p> </li> <li class="tab"> <div class="social twitter"> <a href="www.twitter.com">Twitter</a> </div> <div class="content"> <h1>Twitter</h1> <p>Lorem ipsum, dolor sit amet elit. Neque, voluptates?</p> </div> </li>

这是一个 HTML 文件的主体部分，其中包括一个名为 "container" 的 div 容器，内部包括页面的标题、一个名为 "accordion" 的无序列表，以及两个列表项（li）。每个列表项包含两个部分，一个名为 "tab" 的 div，其中包含一个名为 "social" 的子 div，以及一个名为 "content" 的子 div。每个 "tab" div 代表一个手风琴的一个标签页，包括一个社交媒体图标和一个标题，点击标签页会展开或折叠与之相关的内容。在这里，第一个标签页代表 Youtube，第二个标签页代表 Twitter。