1.table中的內容水平垂直居中顯示

#id td{
	vertical-align: middle;
    text-align: center;  
}
<table id="id"></table>

2.div有最小高度，並且隨著內容的變化而變化

style="height:auto;min-height:30px;"

3.table的列寬不受控制（width，百分比都不起作用）

對table新增一下特性
style="word-wrap: break-word; word-break: break-all;"

4.背景色漸變

style="background:-webkit-linear-gradient(top,#fefefe,#fdfdfd,#fcfcfc,#fbfbfb,#fafafa,#f9f9f9,#f8f8f8,#f7f7f7,#f6f6f6,#f5f5f5,#f4f4f4,#f3f3f3,#f2f2f2,#f1f1f1,#f0f0f0,#efefef,#eeeeee);"//從上開始變

如下圖：