HTML Table Style Generator by testtem

Phong cách tạo code HTML sử dụng CSS với công cụ này!
Chọn từ các mẫu table có sẵn ở phía dưới, hoặc thiết lập các chủ đề của riêng bạn với các cài bên phải. Sau khi hoàn tất các HTML và CSS sẽ được tạo ra bằng cách nhấn các tab ngay phía trên bảng.
LƯU Ý: IE8 và cũ hơn sẽ không thấy các bo góc(radius).
Dùng CSS2, kỹ thuật CSS3 qua trình duyệt tương thích. Dễ sử dụng, chỉ cần chọn các thiết lập bên phải sau đó nhấn vào nút tạo ra và css và html được tạo ra. Từ padding, border, màu sắc hàng xen kẽ, và gradient. Tùy chỉnh của bạn.

Font: Arial, Helvetica, sans-serif Times New Roman, Times, serif Courier New, Courier, monospace Georgia, Times New Roman, Times, serif Verdana, Arial, Helvetica, sans-serif Geneva, Arial, Helvetica, sans-serif
Border-Size:	Border-Color:
Border-Radius:	#Cols / #Rows:
	/ (for output only)
CellPadding T/B:	CellPadding L/R:

Table Header

Font-Size: Bold	Font-Color:
TopGradientColor:	BottomGradientColor:
Column Lines: Yes
Column-Line-Width:	Column-Line-Color:

Table Body

Font-Size: Bold	Font-Color:
Column Lines: Yes
Column-Line-Width:	Column-Line-Color:
Row Lines: Yes
Row-Line-Width:	Row-Line-Color:
Alternate Rows: Yes
Alt-Font-Color:	Alt-Background-Color:

Table Footer

Font-Size: Bold	Font-Color:
Footer Padding:	Background-Color:
Pagination: Yes
Border-Size:	Border-Radius:
Font-Color:	Active Font Color:
Border-Color:	Active Border Color:
TopGradientColor:	Active BG Color:
BottomGradientColor:

 

 

html

css

• HTML
• CSS

Title	Column 1	Column 2	Column 3
Previous 1 2 3 4 5 Next
Row 1	data 1	data 2	data 3
Row 1	data 1	data 2	data 3
Row 1	data 1	data 2	data 3
Row 1	data 1	data 2	data 3
Row 1	data 1	data 2	data 3

Questions, Comments or Suggestions? Join the Table Generator Here.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Learning DHTMLX Suite UI Hi everyone! Thanks for stopping by the table styler. The book to the left is another one of my projects. It covers learning the DHTMLX UI Suite and creating a single page application quickly with multiple components including a grid, chart, popup windows, and forms.

I have been using this JavaScript component's library since 2011 and really enjoy it and how fast it whips out robust featured web components. You may like it too. Here is the site for them: DHTMLX

Packt publishing is allowing me to give away three eBooks for free. Steps take less than 3 minutes.

1. Read book description here
2. Post a comment about your thoughts here
3. Well, actually there is no three. Just 1 & 2.

On Jan 15th we will pick three of the comments and email out the eBooks. Yee Haw! (Comments page is now fixed)

You can read more about the giveaway here

DHTMLX was used to create this popup.Close & Don't show again   Close