倾斜的边界和可调整大小

Question

嗨，我是CSS的新手 我想在图片中创建这样的可调整大小的元素 我想展示一个类似的边界。请注意，它倾斜并在底角加倍 我怎么能这个呢？
在下一步中，我希望能够使用鼠标来调整它的大小 谢谢你   

Answer 1

使用resize: both;

＆＃13;

＆＃13;

div {
    border: 1px dashed #888;
    padding: 20px; 
    width: 300px;
    resize: both;
    overflow: auto;
}

＆＃13;

<div></div>

＆＃13;

＆＃13;

＆＃13;