Tabla, todos definitivamente no están familiarizados con esto.
Resumí los siguientes métodos: 1. La forma más simpleVaya directamente a la interfaz de usuario de la compañía, que haga una foto, póngala aquí como la imagen de fondo y luego llénela. ¿Es muy simple! Intersección Intersección
2. Enfoque bastante simpleDe hecho, los amigos que conocen CSS3, cuando ven este efecto, lo que aparece en mi mente es el atributo de Transform. navegador.
3. Enfoque muy simple .biaotou {border-top: 200px #199fff sólido; Div class = biaotou> </div> </td>Este método también es muy simple, simplemente escríbelo de acuerdo con el formato anterior. Pero hay un problema obvio con este escrito: esto es realmente el uso del borde diferente para dividir la línea oblicua de la cabeza con dos colores. Pero si necesitamos el mismo color en ambos lados de la línea, este enfoque no es aplicable. Úselo con precaución.
4. Un enfoque muy simpleEste efecto en realidad puede usar otro nuevo lienzo de etiqueta con CSS3. Es una manera muy simple de usarlo como una línea diagonal como un lienzo, que no se explica en detalle, pero también hay un problema que es el problema de la compatibilidad del que siempre se habla. Puedes hacer lo que quieras (por qué nuestra empresa tengo que considerar el abominable IE, y también quiero hacer solo el proyecto de Karnoisa).
5. No es fácil de hacerEse es el enfoque JS
<! <!/Title> <meta http-outiv = content-type content = gbk> </head> <body leftmargin = 0 topmargin = 0> <br> <br> << divti = 300> encabezado </div> < hr> le borde = 0 bgcolor = 000000 cellspacing = 1 width = 400 style = margen-izquierda: 100px;> <trbgcolor = fffffff> <td width = 52> <worth width = 100% altura = 100% borde = 0 cellpadding = 0 CellSpacing = 0> <tr> <td id = td1> </td> <td> score </td> </tr> <td> name </td> <td id = td2> </ </ <td> </tr> </box> </td> <td width = 81> matemáticas </td> <td width = 96> inglés </td> <td width = 99> c idioma </td> </tr> <Tr bgcolor = ffffff> <td> zhang san </td> <td> 55 </td> <td> 66 </td> <td> 77 </td> </tr>> <td> li si < /td> <td> 99 </td> <td> 68 </td> <td> 71 </td> </tr> <trbgcolor = fffffff>/td> <td> 33 </td> <td> 44 </td> <td> 55 </td> </tr> </table> <script type = text/javaScript> diversión color) {document .write (<img border = '0' style = 'Position: Absolute ; Left: + (x) +; .OffSetParent; offsetParent; color) {var tmp if (x1> = x2) {tmp = x1; ; , 100000000); ), GetLeft (TD2) + TD2.OffSetWidth, GetTop (TD2) + TD2.Offsetheight, '#000000');Bueno, los cinco métodos están terminados, espero ayudar al aprendizaje de todos, y espero que todos apoyen VEVB Martial Arts Network.