#myTable {
margin: 0 auto;
width: 50%;
border: 1px solid black;
}
#myTable td, #myTable th {
border: 1px solid black;
line-height: 1.0; /* Điều chỉnh chiều cao dòng */
padding: 0px; /* Điều chỉnh khoảng cách giữa các dòng */
vertical-align: middle; /* Căn chỉnh giữa theo chiều dọc */
margin: 0; /* Loại bỏ khoảng cách trên dưới */
}
#myTable th {
background-color: #4CAF50; /* Màu xanh lá */
color: white; /* Màu chữ trắng */
text-align: center;
height: 20px; /* Độ rộng cố định của nút */
}
#myTable input[type=”number”] {
height: 20px; /* Điều chỉnh độ cao của ô nhập */
font-size: 14px; /* Điều chỉnh kích thước font chữ */
text-align: center;
vertical-align: middle; /* Căn chỉnh giữa theo chiều dọc */
margin: 0; /* Loại bỏ khoảng cách trên dưới */
}
#myTable input[type=”text”] {
height: 20px; /* Điều chỉnh độ cao của ô nhập */
font-size: 14px; /* Điều chỉnh kích thước font chữ */
text-align: center;
vertical-align: middle; /* Căn chỉnh giữa theo chiều dọc */
margin: 0; /* Loại bỏ khoảng cách trên dưới */
}
#myTable button {
height: 18px; /* Điều chỉnh độ cao của nút */
vertical-align: middle; /* Căn chỉnh giữa theo chiều dọc */
margin: 0; /* Loại bỏ khoảng cách trên dưới */
}
.button {
background-color: #4CAF50; /* Màu xanh lá */
width: 140px; /* Độ rộng cố định của nút */
border: none;
color: white;
padding: 0px 0px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
margin: 1px 1px;
cursor: pointer;
}
.button:hover {
background-color: #45a059; /* Màu xanh lá đậm hơn khi di chuột qua */
}
Biểu đồ từ bảng số liệu
| Tên | Số liệu | Hành động |
|---|---|---|
Hướng dẫn sử dụng:
Click vào thêm dữ liệu rồi ấn vào vẽ biểu đồ hình tròn, biểu đồ cột, …
Bạn có thể chỉnh sửa tên và số liệu trực tiếp trong bảng cho phù hợp.
Biểu đồ đoạn thẳng, biểu đồ đường, biểu đồ tranh đang thử nghiệm
