Scribd
Upload
1 views

menu.css

The document contains CSS styling rules for a webpage, focusing on general body styling, menu titles, and navigation menus. It includes specific styles for headings, list items, and price highlighting to enhance the visual presentation. The styles emphasize a clean layout with a modern color scheme and interactive elements for user engagement.

Uploaded by

tewari.krishna1312
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
1 views

menu.css

The document contains CSS styling rules for a webpage, focusing on general body styling, menu titles, and navigation menus. It includes specific styles for headings, list items, and price highlighting to enhance the visual presentation. The styles emphasize a clean layout with a modern color scheme and interactive elements for user engagement.

Uploaded by

tewari.krishna1312
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

/* General body styling */

body {

font-family: Arial, sans-serif;

line-height: 1.6;

margin: 20px;

background-color: #f8f9fa;

color: #333;

/* Menu title styling */

h1 {

color: #2c3e50;

text-align: center;

font-size: 2.5em;

margin-bottom: 20px;

/* Navigation menu styling */

.menu {

list-style: none;

padding: 0;

margin: 0;

display: flex;

justify-content: center;

gap: 15px;

.menu li {

display: inline;

}
.menu a {

text-decoration: none;

font-weight: bold;

color: #3498db;

padding: 5px 10px;

border: 2px solid transparent;

transition: all 0.3s ease;

.menu a:hover {

color: #fff;

background-color: #3498db;

border-color: #3498db;

border-radius: 5px;

/* Section headings */

h2 {

color: #e74c3c;

margin-top: 30px;

border-bottom: 2px solid #e74c3c;

display: inline-block;

padding-bottom: 5px;

/* List items styling */

ul {

margin-top: 10px;

padding-left: 20px;

}
li {

margin-bottom: 5px;

/* Menu items with prices */

li {

font-size: 1.1em;

color: #555;

li::marker {

color: #e67e22;

font-size: 1.2em;

/* Price highlighting */

li span {

font-weight: bold;

color: #2ecc71;

You might also like