Skip to main content

HTML BORDER WITH CSS

 Many Type of HTML Border

We have many types of border in HTML. We can change it with border style and colors. So we discussed how to change a Border color and Style in HTML.

1.    Firstly we write a Code in Sublime Text and Save it to Borderwithcss file

2.    Secondly we link a stylesheet in 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>change border style</title>

<link rel="stylesheet" type="text/css" href="d:/html blog/style.css">

</head>
<body>
<p class="b1"> this is a normal paragraph for change border style with css</p>

<p class="b2"> this is a normal paragraph for change border style with css</p>

<p class="b3"> this is a normal paragraph for change border style with css</p>

<p class="b4"> this is a normal paragraph for change border style with css</p>

<p class="b5"> this is a normal paragraph for change border style with css</p>
</body>
</html>

CSS FILE:

.b1{border: 2px solid black;}
.b2 {border: 2px dashed blue;}
.b3 {border: 2px double blue;}
.b4 {border: 2px groove orangered;}
.b5 {border: 2px inset violet;
padding: 20px 30px 15px 40px;
border-radius: 20%;}

When you run a file it will be look like this:



Comments

Popular posts from this blog

TYPE OF HTML CSS

 Types of HTML CSS To change a HTML documents style Three Types to Add CSS in HTML 1.      Inline CSS: To using by <p style> change a style of HTML Attribute.      2.     Internal CSS: by using <style> tag in the below of <head> tag.           3.    External CSS : By using <link> element in link to external CSS file. INLINE CSS We use inline CSS in a line      Example : <p style=“color:green;”> Green Text </p> Here we use inline css… INTERNAL CSS In this section we use Internal CSS.      We use <style> element under the <head> section. Example:           <style>                 p {color:green ;}                      </style> EXTERNAL CSS External CSS create a new fil...

HTML Basic

 How to Write HTML Tags All HTML document must start with <!DOCTYPE HTML> HTML Document start with <html> and end with </html> (that's call a start tag and end tags. The visible part of the document between <body> and </body> tags. Type of Heading Tags:  HTML document contains a 6 types of heading  we are heading describe with  <h1> heading 1 </h1> tags <h2>  heading 2  </h2>   <h3>  heading 3  </h3>   <h4>  heading 4  </h4>   <h5>  heading 5  </h5>   <h6>  heading 6  </h6> Every heading have a different fonts size. Example: Do practice and Touch with our blog  

Change the Style Elements in HTML

 HTML Styles Elements  What you learn today Use Background-color   for background color html page. Use color attribute for text color Use font-family for text fonts Use font-size for text size. Use text-align for text alignment Youtube channel : Like and Subscribe my Channel Example <!DOCTYPE html> <html> <head> <title> style sheet </title> </head> <body style =" background-color:purple; " > <p style =" color:red; "> this is text color </p> <p style =" font-family:arial; " > font family using html </p> <p style =" font-size:200%; " > font size using html </p> <p style =" text-align:center; " > text align center using html </p> </body> </html>