Question

我正在寻找如何在HTML页面中的每个元素上应用边框？

HTML文件：

li {}

.hi {}

#name 

* {
  border: 2px solid lightgrey;
}

<h1>page site</h1>
<a href="https://www.google.co.uk">Click Me For Google</a>
<ul>
  <li>Coke</li>
  <li>Tango</li>
  <li>Spite</li>
</ul>
<h3>Beers</h3>
<ul>
  <li>Carling</li>
  <li>Foster</li>
  <li>Budweiser</li>
</ul>

Answer 1

基于此链接https://www.lifewire.com/grouping-multiple-css-selectors-3467065

尝试一下：

h1, a, h3, li { border: 2px solid lightgrey; }

Answer 2

这将为页面中的每个元素添加边框。但是，这似乎不太有用。

* { border: 1px solid black; }

Answer 3

<!doctype html>
<html> 
<head>
<style>



*{
  border: 2px solid black;
}
</style>
<body>
<div>
<h1>page site</h1>
<a href="https://www.google.co.uk">Click Me For Google</a>
<ul>
  <li>Coke</li>
  <li>Tango</li>
  <li>Spite</li>
</ul>
<h3>Beers</h3>
<ul>
  <li>Carling</li>
  <li>Foster</li>
  <li>Budweiser</li>
</ul>
</div>
</body>
</html>

尝试执行此代码，可能会对您有所帮助。

如何在HTML页面中的每个元素上应用边框？

3 个答案: