Button Generator

Create a Button Using HTML, CSS Button Generator

The Generator

Choose Section Text & BackgroundPaddingMarginBorderHoverOpen LinkChoose Icon

Text

Font Name

Font Weight : 700

Text Align DefaultLeftRightCenterNone

Text Color : #ffffff

Background : #000000

Padding Left5px

Padding Right5px

Padding Top5px

Padding Bottom5px

Margin Left5px

Margin Right5px

Margin Top5px

Margin Bottom5px

Border : 2px

Border Style Type SolidDashedDottedDoubleGrooveRidgeInsetOutsetNone

Border Color : #ffffff

Border Radius : 0px

Text Color : #ffffff

Background : #000000

Open Link On Click

Enter The Link Here

Choose Icon NonePlayPlay - CircleDownloadDownload - CloudLinkLink - External

Icon Color : #ffffff

Icon Color On Hover : #ffffff

Icon Margin Left5px

Icon Margin Right5px

CSS Code Snippet

/*! Created Using Button Generator Tool - Creators Help Tamil | https://tools.creatorshelptamil.com/ */
.cht-button {
	font-family: Arial;
	font-weight: 700;
	color: #ffffff;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	border: 2px solid #ffffff;
	border-radius: 0px;
	background-color: #000000;
	cursor: pointer;
}
.cht-button:hover {
	color: #ffffff;
	background-color: #000000;
}

CSS

HTML Code Snippet

<button class="cht-button">Click Here</button>

HTML