<!-- File based CSS: Change style.css to your script path or link. -->
<link href="style.css" rel="stylesheet" type="text/css">
<!-- Or inline CSS: -->
<style type="text/css">
/* Add your css here */
</style>
<style type="text/css">
p {
color: #26b72b;
}
</style>
<p style="color:red;">The text appear red.</p>
A text that uses A LOT the style tag:
<!doctype html>
<html>
<body>
<p class="example" style="border:solid 15px red; color: orange; background-color: blue; cursor: pointer; ">A text</p>
</body>
</html>
<!-- style inside of an html element -->
<p style="color: rgb(255, 0, 255);">I am a unicorn</p>
<!-- style as an html element -->
<style>
/* Put in CSS */
</style>
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A paragraph.</p>
</body>
<p style="font-weight:normal;">font-weight: normal</p>
<p style="font-weight:bold;">font-weight: bold</p>
<p style="font-weight:bolder;">font-weight: bolder</p>
<p style="font-weight:lighter;">font-weight: lighter</p>
<p style="font-weight:100;">font-weight: 100</p>
<p style="font-weight:200;">font-weight: 200</p>
<p style="font-weight:300;">font-weight: 300</p>
<p style="font-weight:400;">font-weight: 400</p>
<p style="font-weight:500;">font-weight: 500</p>
<p style="font-weight:600;">font-weight: 600</p>
<p style="font-weight:700;">font-weight: 700</p>
<p style="font-weight:800;">font-weight: 800</p>
<p style="font-weight:900;">font-weight: 900</p>
<html>
<body>
<!-- BODY HTML -->
</body>
<head>
<!-- HEAD HTML -->
</head>
<style>
/* CSS */
</style>
<style>
/* Put in CSS */
</style>
// Style tags belong in <head>
<style type="text/css"></style>
Code Example |
---|
Html :: bootstrap 5 accordion |
Html :: add subject to email link |
Html :: laravel raw html |
Html :: jquery demo |
Html :: css loading spinner img |
Html :: html table row span |
Html :: input month in html |
Html :: email |
Html :: how to save time writing html |
Html :: make text bold js |
Html :: starter template bootstrap |
Html :: click on button fire to another button |
Html :: show spinner during API request pure html and jquery |
Html :: what is ul stands for in html |
Html :: resetting canvas html |
Html :: slick slider video play |
Html :: how to make a password system in html |
Html :: <p tag html |
Html :: google share link html |
Html :: alt html |
Html :: html code for writing text |
Html :: xpath equals |
Html :: html tags |
Html :: html textarea along with cursor position set |
Html :: allow multiple select on radio button in html |
Html :: strikethrough code |
Html :: autocomplete off not working in chrome |
Html :: how to add an input next to each other |
Html :: onchange html |
Html :: menu vertical html |