diff --git a/css/t6.css b/css/t6.css index 4e85119..8bf1c84 100644 --- a/css/t6.css +++ b/css/t6.css @@ -7,16 +7,12 @@ body { padding: 60px; } -h1, h2, h3 { - color: #9b59b6; - text-align: left; - margin-bottom: 30px; -} + button { padding: 18px 35px; border: none; - background-color: #9b59b6; + background-color: #e74c3c; color: white; cursor: pointer; border-radius: 5px; @@ -24,7 +20,7 @@ button { } button:hover { - background-color: #8e44ad; + background-color: #fda500; } img { diff --git a/css/t7.css b/css/t7.css index 0c35268..e69c811 100644 --- a/css/t7.css +++ b/css/t7.css @@ -1,23 +1,22 @@ /* t7.css - XHTML 1.0 */ body { - font-family: 'Georgia', serif; + font-family: 'Segoe UI', serif; background-color: #ecf0f1; color: #34495e; margin: 0; padding: 70px; } -h1, h2, h3 { - color: #3498db; - text-align: center; - margin-bottom: 20px; +output { + font-size: 30px; + } button { - padding: 20px 40px; - border: 2px solid #3498db; + padding: 15px 30px; + border: 2px solid #e74c3c; background-color: white; - color: #3498db; + color: #e74c3c; cursor: pointer; border-radius: 25px; font-size: 20px; @@ -26,7 +25,7 @@ button { button:hover { transform: scale(1.1); - background-color: #3498db; + background-color: #e74c3c; color: white; } @@ -40,11 +39,13 @@ img { table { width: 100%; border-collapse: collapse; - border: 2px solid #3498db; + border: 2px solid #ff9900; + } td, th { padding: 20px; text-align: left; - border: 1px solid #3498db; + border: 1px solid #ff9900; + } diff --git a/css/t8.css b/css/t8.css index 315497e..93fd7a4 100644 --- a/css/t8.css +++ b/css/t8.css @@ -17,7 +17,7 @@ h1, h2, h3 { button { padding: 20px 40px; border: none; - background-color: #16a085; + background-color: #e74c3c; color: white; cursor: pointer; border-radius: 50px; @@ -27,7 +27,7 @@ button { } button:hover { - background-color: #1abc9c; + background-color: #ff9900; transform: translateY(-3px); } @@ -41,14 +41,14 @@ img { table { width: 100%; border-collapse: collapse; - border: 2px solid #16a085; + border: 2px solid #ff9900; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } td, th { padding: 25px; text-align: left; - border: 1px solid #16a085; + border: 1px solid #ff9900; font-size: 18px; } @@ -57,7 +57,7 @@ td { } th { - background-color: #16a085; + background-color: #ff9900; color: white; }