1. 程式人生 > >CSS你可能還不知道的一些知識點

CSS你可能還不知道的一些知識點

<style type="text/css"> #d1 { height:200px; width:400px; border:solid 1px red; /*線性漸變,開始位置,結束位置,開始的顏色,結束的顏色,色標(色標位置,色標顏色,可以有多個色標,色標即是顏色過渡點)*/ //background:-webkit-gradient(linear,left top,left bottom,from(blue),to(red),color-stop(0.4,#fff),color-stop(0.6,#fff)); /*徑向漸變,內圓圓心位置,內圓半徑,外圓圓心半徑,外圓半徑,開始顏色,結束顏色,色標
*/ background:-webkit-gradient(radial, center center, 0, center center, 460, from(blue), to(red),color-stop(0.6,#fff)); } </style> </head> <body> <div id="d1"></div> </body>