AS-Is Madecool free web designer. This line must stay Copyright free to use as-is Madecool.com 2025 muyhome@gmail.com Paul S.
Madecool As-is Free Website Designer
Editor
Live Preview
Check for Errors
Basic HTML
Undo 2x
CSS Template
Lighter Black
Black
Darker Black
Lighter White
White
Darker White
Lighter Red
Red
Darker Red
Lighter Blue
Blue
Darker Blue
Lighter Green
Green
Darker Green
Lighter Yellow
Yellow
Darker Yellow
Lighter Purple
Purple
Darker Purple
Lighter Orange
Orange
Darker Orange
Lighter Pink
Pink
Darker Pink
Lighter Slate Blue
Slate Blue
Darker Slate Blue
Add Color
font-size: 1.5em;
font-weight: bold;
font-family: Lucida Console
text-align: left;
text-transform: uppercase;
text-transform: capitalize;
margin: 0;
padding: 0;
border: 0;
background-color: white;
color: AliceBlue (lighter blue)
color: CornflowerBlue (light blue)
color: DarkBlue
color: DarkMagenta (dark red)
color: DarkSeaGreen (light green)
color: IndianRed (red brick)
color: MediumBlue
color: SaddleBrown
color: teal
color: white
color: black
color: Turquoise
h2 { }
border: 3px solid #000;
max-width: 500px
width: 100%;
Add CSS Properties
display: block;
display: inline-block;
display: flex;
justify-content: center;
align-items: center;
position: relative;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
Add Common CSS
font-size
color
background-color
border
padding
margin
Add CSS
<p>
<h1>
<h2>
<br>
<b>
<strong>
<img>
<a href>
<a href img>
<!-- comment -->
<style>
Add Code
Basic Box
Shadow Box
Border Box
Gradient Box
Rounded Box
Flex Container
Dashed Border Box
Pill-shaped Box
Two-tone Box
Card Box
Add Box
Create a Custom Button
Button Name:
Content to Add:
Create Button
Copy Code
Save File
.html
.txt
.php
Save File
×