ひとつのシステムをいくつも増やすにはどうすればいいですか。CSSです。

css
1
2<!DOCTYPE HTML>
3<html>
4<head>
5<meta charset="utf-8">
6<title>untitled</title>
7</head>
8
9<body>
10<button class="botann">bottan</button>
11<style>
12.botann {
13  width:100px;
14  font-size:12px;
15  color:#FFFFFF;
16  text-align:center;
17  display:block;
18  padding:10px 0 10px;
19  background:#6BCBF6;
20  border-radius: 20px;
21}
22</style>
23</body>
24</html>
25

このコードで出すことができるボタンのことですが、これを複数出すにはどうすればいいのかを教えていただきたいです。
よろしくお願いいたいします。

行動規範の内容に同意します

回答2件

ベストアンサー

CSSで増やすことはできません。

HTMLで<button class="botann">bottan</button>を複数回書けばボタンは増えます。

投稿2020/04/25 12:16

退会済みユーザー

総合スコア0

sumasuma-

2020/04/25 12:31

ありがとうございます。

行動規範の内容に同意します

こういうことでしょうか。

HTML
1<button class="botann">bottan</button>
2<button class="botann">bottan</button>
3<button class="botann">bottan</button>
4<button class="botann">bottan</button>
5<button class="botann">bottan</button>
6<button class="botann">bottan</button>
7<button class="botann">bottan</button>
8<button class="botann">bottan</button>
9<button class="botann">bottan</button>
10<button class="botann">bottan</button>
11<button class="botann">bottan</button>
12<button class="botann">bottan</button>
13<button class="botann">bottan</button>
14<button class="botann">bottan</button>
15<button class="botann">bottan</button>
16<button class="botann">bottan</button>
17<style>
18.botann {
19  width:100px;
20  font-size:12px;
21  color:#FFFFFF;
22  text-align:center;
23  display:block;
24  padding:10px 0 10px;
25  background:#6BCBF6;
26  border-radius: 20px;
27}
28</style>
29```**動くサンプル：**[https://jsfiddle.net/j8mgxtqw/](https://jsfiddle.net/j8mgxtqw/)