Use CSS to draw table diagonal lines

As for CSS diagonal lines and rounded corners, the Helper house mentioned many times before that today, a friend is asking about how to use CSS to create diagonal lines, record it for your convenience:

<Div style = "border-top: solid 40px blue; border-left: solid 40px red; height: 160px; width: 400px;"> <div style = "height: 40px; background-color: # B1F; "> This is the first line </div> <div style =" height: 40px; background-color: #444; "> This is the second line </div> <div style =" height: 40px; background-color: #888; "> This is the third line </div> <br/> <center> If the page cannot be displayed, press Ctrl + F5 to refresh the page. For more page code: <a href = 'HTTP: // www.bkjia.com/'target = '_ blank'> http://www.bkjia.com/</a> </center>

Tip: the code can be modified before running!