How To Create Borders By Using CSS in HTML - Part 1/3
In this video, you will learn how to create borders by using a div tag in HTML coding. It is very easy and simple. So guys, let's learn it with great interest.
Open a notepad and type any text between the opening and closing of the div 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 div tag. 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 border is "solid". This (#42f5ef) is the color code of the border. You can keep the text alignment to the 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 the Center. You can do it by using a center 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;").
Code link: https://c815.blogspot.com/2022/11/bor...
If you want to add a border to your blogger or website, you can copy the code that we have created and paste it into the HTML area of your blogger or website.
That's it, guys.
Join this channel to get access to perks:
/ @sirchogyal
❀ Support me on Patreon: / sirchogyal
❀ Join me on Telegram: https://telegram.im/@code8home
❀ Visit my blog at http://v815.blogspot.com
▶️ Subscribe to this channel for more videos.
Смотрите видео How To Create Borders By Using CSS in HTML - Part 1/3 онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Sir Chogyal 11 Март 2020, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 84,813 раз и оно понравилось 903 людям.