She shall sail ship on sea Today let's learn how to create borders by using a tag in a HTML coding. It is very easy and simple. So guys, let's learn it with a great interest. Hello friends, if you are new to my channel please consider subscribing. Open a notepad and type any text between the opening and closing of the
tag. Now save the notepad. You can type any file name you want but make sure to add .HTML at the end of your file name. After that open the file with any web browser. We are going to add a border outside the text that we have typed. You can type style="border:5px solid #42f5ef;" at the opening of the
. Go to file and click Save. Then reload the web page. This time you can see a border outside the text. The size of the border is 5px. You can keep any border size you want. The type of the border is "solid". This (#42f5ef) is the color code of the border. You can keep the text alignment to center by adding text-align:center; as shown here style="border:5px solid #42f5ef; text-align:center;" You can reduce the width of the border. Let's say the width of the border is 30%. (style="border:30px dotted #af2eff; text-align:center; width:30%;"). You can also increase the height of the border but for now, I am leaving the height of the border as it is. Let's bring the border to Center. You can do it by using a
tag. You can change the border type from "solid" to "double", dotted, dashed, groove, ridge, inset and outset. Now let's also add a border-radius. I am keeping the border-radius to 15px. (style="border:30px dotted #af2eff; text-align:center; width:30%; border-radius:15px;").

No comments:

Post a Comment

Pages

Copyright © 2019 - | SOURCEINCO | All Right Reserved