Background blue news cnn
You're looking for the CNN news background to be blue!
Here's a simple way to achieve a blue background for your CNN-style news presentation:
HTML and CSS:
<!DOCTYPE html>
<html>
<head>
<title>CNN News</title>
<style>
body {
background-color: #3498db; /* Blue background */
font-family: Arial, sans-serif;
}
.news-container {
width: 80%;
margin: 40px auto;
padding: 20px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
</style>
</head>
<body>
<div class="news-container">
<h1>CNN News</h1>
<p>This is a sample news article.</p>
<p>More news articles will be added here.</p>
</div>
</body>
</html>
Explanation:
- We set the
background-color
property of thebody
element to#3498db
, which is a blue color. - We create a container element with the class
news-container
and set its background color to white, border to light gray, and box shadow to give it a subtle 3D effect. - You can add more news articles inside the container element using HTML and CSS.
Tips:
- You can adjust the blue color to your liking by changing the hex code
#3498db
. - You can add more styles to the
news-container
element to customize its appearance. - You can also add a logo or a header image to the top of the page to give it a more professional look.