Design to such a manuscript is not frustrating people ... Hey, no way, as a responsible wage earners, I will not be simple rude direct transduction. Well. You can use CSS to draw a border without a picture.
<style> *{ /*in real development, don't be so lazy!*/margin:0;padding:0;List-style:None; }. Box{width:320px;Height:100px;Border-bottom:2px solid #4c4c4c;Border-top:3px Solid #00b9b7;Display:Flex;Align-items:Center;margin:20px Auto;justify-content:Space-between; }. Box Div{ }span{Display:Block; }. Left_top{Flex:1.5;Border-left:2px solid #00b9b7;Height:66px;Margin-bottom:1px; }. Left_bottom{Flex:1;Border-left:2px solid #4c4c4c;Height:33px; }. txt{width:292px; }. Right_top{Flex:1;Border-left:2px solid #00b9b7;Height:33px;Margin-bottom:1px; }. Right_bottom{Flex:1.5;Border-left:2px solid #4c4c4c;Height:66px; } </style></Head><Body><Divclass= "box"> <Divclass= "Box_left"> <spanclass= "Left_top"></span> <spanclass= "Left_bottom"></span> </Div> <Divclass= "txt">A random paragraph of text</Div> <Divclass= "Box_right"> <spanclass= "Right_top"></span> <spanclass= "Right_bottom"></span> </Div></Div></Body>
CSS for good-looking borders