<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>缺角效果 </title> <style type="text/css"> .meaning{ /*background:tan;*/ height:200px; width:200px; background:linear-gradient(-45deg,transparent 15px , #58a 0); } </style> </head> <body> <div class="meaning"> I have a nice idea </div> </body> </html>