Online HTML CSS Table Generator

♠ Posted by Muhammad Kaif in

HTML Table Generator


    Generate your HTML table without any programming knowledge, just use our tool and choose color number of column and rows, font size and etc features, Finally you will get the source code for the corresponding created table.     Copy the generated code and paste it to your web page and you will get the generated design there.
Important Option
Table Style=>Customize

Genarate HTML Table Options

Table Style: Highlight:

Table Structure: Columns Rows Cell Info:

Copy the Following Code

Your HTML Table

Header 1Header 2Header 3Header 4Header 5
Row:1 Cell:1Row:1 Cell:2Row:1 Cell:3Row:1 Cell:4Row:1 Cell:5
Row:2 Cell:1Row:2 Cell:2Row:2 Cell:3Row:2 Cell:4Row:2 Cell:5
Row:3 Cell:1Row:3 Cell:2Row:3 Cell:3Row:3 Cell:4Row:3 Cell:5
Row:4 Cell:1Row:4 Cell:2Row:4 Cell:3Row:4 Cell:4Row:4 Cell:5
Row:5 Cell:1Row:5 Cell:2Row:5 Cell:3Row:5 Cell:4Row:5 Cell:5
Row:6 Cell:1Row:6 Cell:2Row:6 Cell:3Row:6 Cell:4Row:6 Cell:5
Read More

Online Gradient Generator

♠ Posted by Muhammad Kaif in
The following Gradient Generator is used to Generate the gradient color, you can generate multi combination color and you have options to change the directions and shape, Finally generate the code and paste it to your web page.

      The following Gradient Generator is used to Generate the gradient color, you can generate multi combination color and you have options to change the directions and shape, Finally generate the code and paste it to your web page.
reverse colors


Delete Selected Stop

Color

Delete Selected Stop



Reset
horizontal orientation vertical orientation diagonal orientation diagonal orientation radial orientation
CSS SASS
background: rgba(248,80,50,1);
background: -moz-linear-gradient(left, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(248,80,50,1)), color-stop(50%, rgba(241,111,92,1)), color-stop(51%, rgba(246,41,12,1)), color-stop(71%, rgba(240,47,23,1)), color-stop(100%, rgba(231,56,39,1)));
background: -webkit-linear-gradient(left, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: -o-linear-gradient(left, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: -ms-linear-gradient(left, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: linear-gradient(to right, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827', GradientType=1 );
Comments
IE9 support
Read More