Bảng W3.CSS
Tôi là một hội đồng.
Tôi là một hội đồng.
Tôi là một thùng chứa.
Tôi là một thùng chứa.
Lớp bảng điều khiển
Lớp w3-panel thêm lề trên và dưới 16px cũng như phần đệm bên trái và bên phải 16px cho bất kỳ phần tử HTML nào.
Bảng ghi chú
Lớp w3-panel hoàn hảo để hiển thị các ghi chú.
Ghi chú thường được hiển thị với màu nhạt:
Luân Đôn là thành phố đông dân nhất ở Vương quốc Anh, với khu vực đô thị hơn 9 triệu dân.
Ví dụ
<div class="w3-panel w3-pale-green">
<p>London
is the most populous city in the United Kingdom,
with a
metropolitan area of over 9 million inhabitants.</p>
</div>
Hãy tự mình thử »Để tìm hiểu thêm về Ghi chú W3.CSS, vui lòng truy cập chương Ghi chú W3.CSS .
Bảng báo giá
Lớp w3-panel hoàn hảo để hiển thị các trích dẫn.
Ví dụ
<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>
Hãy tự mình thử »Để tìm hiểu thêm về Báo giá W3.CSS, vui lòng truy cập chương Báo giá W3.CSS .
Bảng thông báo
Lớp w3-panel hoàn hảo để hiển thị cảnh báo.
Cảnh báo thường được hiển thị bằng màu sắc mạnh:
Sự nguy hiểm!
Màu đỏ thường biểu thị một tình huống nguy hiểm hoặc tiêu cực.
Ví dụ
<div class="w3-panel w3-red">
<h3>Danger!</h3>
<p>Red often
indicates a dangerous or negative situation.</p>
</div>
Hãy tự mình thử »Để tìm hiểu thêm về Cảnh báo W3.CSS, vui lòng truy cập chương Cảnh báo W3.CSS .
Bảng dưới dạng thẻ
Luân Đôn là thành phố đông dân nhất ở Vương quốc Anh, với khu vực đô thị hơn 9 triệu dân.
Ví dụ
<div class="w3-panel w3-blue w3-card-4">
<p>London is the most populous city in the United Kingdom,
with a
metropolitan area of over 9 million inhabitants.</p>
</div>
Hãy tự mình thử »Tấm tròn
Luân Đôn là thành phố đông dân nhất ở Vương quốc Anh, với khu vực đô thị hơn 9 triệu dân.
Ví dụ
<div class="w3-panel w3-blue w3-round-xlarge">
<p>London is the most populous city in the United Kingdom,
with
a metropolitan area of over 9 million inhabitants.</p>
</div>
Hãy tự mình thử »Ẩn (Đóng) một bảng điều khiển
Ẩn một bảng điều khiển là dễ dàng.
Nhấp vào X để đóng bảng này.
Nhấp vào X để đóng bảng này.
Ví dụ
<div class="w3-panel
w3-display-container">
<span onclick="this.parentElement.style.display='none'"
class="w3-button
w3-display-topright">X</span>
<p>Click on the X to close this panel.</p>
<p>Click on the X to close this panel.</p>
</div>
Hãy tự mình thử »Hiển thị (Mở) một Bảng điều khiển
Hiển thị bảng điều khiển (ẩn) thật dễ dàng:
Ví dụ
<button class="w3-btn" onclick="document.getElementById('id01').style.display='block'">Show
panel</button>
<div id="id01" class="w3-panel w3-green
w3-display-container" style="display:none">
<span onclick="this.parentElement.style.display='none'"
class="w3-button
w3-display-topright">X</span>
<p>Click on the X to close this panel.</p>
<p>Click on the X to close this panel.</p>
</div>
Hãy tự mình thử »