How to include a CSS background image 🏙️

Показать описание

#CSS #tutorial #course

CSS background image tutorial example explained

body{
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background-size: cover;
}

Рекомендации по теме

Комментарии

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bro Code</title>
<link rel="stylesheet" href="style.css">
</head>
<body>

<h1>Hello</h1>

<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident, laboriosam. Quasi voluptate, consequuntur quo atque ipsum vitae saepe necessitatibus debitis eius numquam minima quam laudantium, quis tempora molestias tenetur velit.</p>

</body>

</html>

/* style.css */
body{
background-image: url(background.jpg);
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background-size: cover;
}

BroCodez

You're honestly such a bro for all your work.

DanBauer

THANK YOU SO MUCH! Other videos make me confused and the output isn't showing up, BUT THIS SAVES MY LIFE

katelynchasie

THANK YOU SO MUCH THIS IS May you be blessed throughout your life

Beanblws

You are a real Master, bro! Respect!!

zahid

BROOO IMY SO MUCH I"M GLAD THAT YOU ARE BACK

JorielTejada-tedd

❤🎉 Thanks bro you made me a better bro.

ThandoHlongwane-zdcb

Bruh ur videos are always awesome thanks

Kiratech

my teacher of all the time God bless you

AdanJelle-wtzu

thank you so much i am trying to fit the image to background thanks for this video now i am not forgetting this

YasaruDeneth

Thank you so much, imthis was extremely helpful

TheVSI

Thank you very much, that was a great help.

deeled

Thank You so Much . It helped alot !!!

vedun

Thank you, been looking for this for 30 mins and found nothing helpful, finnaly found ur vid and solved the problem. Thanks!

iescu

How to include a CSS background image 🏙️

2 | HOW TO LINK A CSS STYLESHEET USING HTML | 2023 | Learn HTML and CSS Full Course for Beginners

How to Link CSS to HTML Document

How to Link CSS to HTML in Visual Studio Code

Learn CSS in 20 Minutes

HTML & CSS 2020 Tutorial 10 - Styling your website with external stylesheets (CSS)

6: How Do We Include CSS In Our HTML | Learn HTML and CSS | Learn HTML & CSS Full Course

CSS @import Rule Import Style Sheet Tutorial

15: How to Insert Images Using HTML and CSS | Learn HTML and CSS | Full Course For Beginners

Responsive Personal Portfolio Website using HTML CSS & Javascript

How to Use Internal CSS [CSS Tutorials for Beginners]

CSS Website Design Tutorial - External Style Sheets

How to Add Custom CSS to WordPress (Simple & Quick)

CSS in 100 Seconds

HTML & CSS for Beginners Part 9: External CSS

Easily Include Your Logo! / HTML + CSS

10 CSS Pro Tips - Code this, NOT that!

9: CSS Text Styling Tutorial | Basics of CSS | Learn HTML and CSS | Learn HTML & CSS Full Course

css in html tutorial | CSS tutorials | by bhanu priya

Learn CSS in 12 Minutes

How you can simplify your CSS with :is()

How to Link CSS File to HTML Document | in Visual Studio Code | 2021 (Web Tutorial)

10: How to Import New Fonts | Basics of CSS | Learn HTML and CSS | Learn HTML & CSS For Beginner...

CSS Tutorial: Inline, Internal & External CSS | Web Development Tutorials #14

Learn CSS in 1 hour 🎨