Css cho Thẻ details trong HTML

Trình soạn thảo - Css cho Thẻ details trong HTML

Kết quả - Css cho Thẻ details trong HTML

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Css cho Thẻ details trong HTML</title>
<style>
details > summary {
  padding: 4px;
  width: 200px;
  background-color: #eeeeee;
  border: none;
  box-shadow: 1px 1px 2px #bbbbbb;
  cursor: pointer;
}
details > p {
  background-color: #eeeeee;
  padding: 4px;
  margin: 0;
  box-shadow: 1px 1px 2px #bbbbbb;
}
</style>
</head>
<body>
<h1>Css cho Thẻ details trong HTML</h1>
<details>
  <summary>Xem chi tiết</summary>
  <p>Hãy Chạy thử Thẻ details mặc định trong HTML, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả</p>
</details>
</body>
</html>
  • Css cho Thẻ details trong HTML nằm trong bài viết Thẻ details trong HTML
  • ★★★★★ ★★★★★