用了很多方法還是做不出這效果。而且這個小三角我也打不出來。
1 回答

FSYu
TA貢獻152條經驗 獲得超59個贊
<!DOCTYPE?html> <html?lang="en"> <head> <meta?charset="UTF-8"> <meta?name="viewport"?content="width=device-width,?initial-scale=1.0"> <meta?http-equiv="X-UA-Compatible"?content="ie=edge"> <title>Document</title> <style> *?{ margin:?0; padding:?0; } .box?{ width:?100%; clear:?both; } .n1?{ width:?50%; float:?left; } .tu?{ background:?red; height:?300px; width:?50%; float:?left; } .txt?{ background:?blue; height:?300px; width:?50%; float:?right; position:?relative; } .jiao?{ position:?absolute; left:?-30px; top:?50%; margin-top:?-30px; width:?0; height:?0; border-top:?30px?solid?transparent; border-right:?30px?solid?blue; border-bottom:?30px?solid?transparent; } </style> </head> <body> <div?class="box"> <div> <div?class="n1"> <div?class="tu"></div> <div?class="txt"> <div?class="jiao"></div> </div> </div> <div?class="n1"> <div?class="tu"></div> <div?class="txt"> <div?class="jiao"></div> </div> </div> </div> </div> </body> </html>
要下班了,只打了第一行的。第二行同理,你自己看著弄吧!
- 1 回答
- 0 關注
- 1169 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消