Please we are going to discuss about the hour or so how can you add the borders? You learn how can you add the background images, background colors, and attachments. In this lecture, we are going to cover some diagrams like this. Okay, now I'm going to come in this so you can easily get this course. And I'm saying from here to here. I'm starting from, we have created the index HTML file and we are still working on this file.

Okay, I'm going to also come in this so you can easily get the code you can also come in the CSS code like this. Okay. So now, how can you add the borders? I'm saying I have a paragraph. I'm saying this is this is my handle. OK, now I'm saying I have a class, I'm going to use this class.

That's why I'm creating. You can also you can also use a single quotation or double conditionals. I'm saying my style, you can add as many as you want. Okay, now I need to call my class, sorry, my style. And now I'm saying here, I need to add the orders. So first of all, which border you're applying, that means model style.

I'm saying border style. If I'm saying the border style is dotted, go to the page refresh the page. So you can see it's showing the dotted border. And if I'm saying that, I'm going to use the test Whenever they can see you are adding the dashed border if I'm saying I'm using the solid refresh the page now, sorry, I'm using solid Okay, it's not changed because I have to add the solid one pixel. Sorry, one pixel solid red one pixel solid red, our ad fresh the page. Okay?

Why I'm not adding the stripe. I had I just used to use the border like this. Okay, if you are working on this high you can also use the solid I don't know why it's not working solid. Okay, now it's working. Solid. You can also add the solid and you can also add the devil.

The age double and you Have a lot of all we all we have others borders like like this and like we have rich we also have in an insert inset we also have our set and we also have none none means we are not adding order. Okay? We also have that you can also use the got it solid However, that means you are saying at four different borders you are saying at the dotted at the top left dashed bottom. As you can see the solid and left side is the devil so it's a clockwise mechanism Okay, so you can add the border is trial and you can also add the worst possible if you are saying that I'm going to add the solid refresh the page so this is a solid if I'm seeing the border where I'm seeing my pixel, refresh the page so now as you can see your border is showing the fibers elegan as as many as you want.

So it's totally depend upon you. You can also use medium Like this or EDM refresh the page. Now as you can see, this is the medium size. And you can also define the clockwise like top right, bottom left, I'm saying two pixel, one pixel, three pixel, four space five pixel, and I'm saying and so I'm saying add the one pixel to talk, then right then bottom and left, go to your page, refresh the page. Now they can see top left, bottom and the left sorry, top right, bottom and the left. So in this way, you can add the width also.

You can also use the background color, or suppose these are the if I'm saying a wrong color. You can also use border color, border color or suppose red, go to your page refresh the page so now it's showing the red color you can also use green blue or something else. And you can also use the different colors as well first of all, if you are saying that add the dash, add the solid border and the top is red and white is blue sorry and the bottom is green and the left side is all it refresh the page. Now we can see you you are adding four different types of colors in the order. So you can also use dotted and also use dash so totally depend upon you and your requirements writing is not for when the next issue we are going to cover some other topics like padding margin.

Under something else