パネルは、上下にマージン追加したコンテナです。
I am a panel.
I am a panel.
I am a container.
I am a container.
w3-panel クラスは、注意書きを表示するのに最適です。
注意書きは、多くの場合、淡い背景色と左に色付きのバーにより表示されます：
<div class="w3-panel w3-pale-yellow w3-leftbar w3-border-yellow">
<p>London
is the most populous city in the United Kingdom,
with a
metropolitan area of over 9 million inhabitants.</p>
</div>
Try It Yourself ❯
このチュートリアルの後の章で、ノート（注意書き）についての詳細を学習します。
w3-panel クラスは、引用書きを表示するのに最適です。
<div class="w3-panel w3-leftbar w3-sand w3-xxlarge w3-serif">
<p><i>"Make it as simple as possible, but not simpler."</i></p>
</div>
Try It Yourself ❯
このチュートリアルの後の章で、引用書きについての詳細を学習します。
w3-panel クラスは、警告を表示するのに最適です。
警告は、多くの場合、強い色を使用して表示します：
Red often indicates a dangerous or negative situation.
Yellow often indicates something that needs attention.
<div class="w3-panel w3-red">
<h3>Danger!</h3>
<p>Red often
indicates a dangerous or negative situation.</p>
</div>
Try It Yourself ❯
このチュートリアルの後の章で、アラート（警告）についての詳細を学習します。
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
<div class="w3-panel w3-blue w3-card-8">
<p>London is the capital city
of England.
It is the most populous city in the United Kingdom,
with a
metropolitan area of over 9 million inhabitants.</p>
</div>
Try It Yourself ❯
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
<div class="w3-panel w3-blue w3-round-xlarge">
<p>London is the capital
city of England.
It is the most populous city in the United Kingdom,
with
a metropolitan area of over 9 million inhabitants.</p>
</div>
Try It Yourself ❯
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
Make it as simple as possible, but not simpler.
Green often indicates something successful or positive.