If you use VML to draw a rectangle, you must set style = "width: 50; height: 50". Nothing else is special. In this section, let's talk about the shadow object and TextBox object:
<V: Rect style = "position: relative; width: 100; height: 50px"/>
RoundRect, as its name implies, is a rectangle with rounded corners. This shape is often used when you draw a flowchart. if you add a shadow, it looks better:
<V: RoundRect style = "position: relative; width: 100; height: 50px">
<V: shadow on = "T" type = "single" color = "# b3b3b3" offset = "5px, 5px"/>
</V: RoundRect>
In VML, True and False can be abbreviated to T and F. The offset attribute in Shadow is used to set the x and y values of the offset source image. The on attribute is used to determine whether to display shadows. TextBox objects are used to write in a rectangle. The key attribute of TextBox is inset (left, top, right, bottom), which indicates the range of positioning text between the top, bottom, and left sides of the Image Edge:
<V: RoundRect style = "position: relative; width: 120; height: 50px">
<V: shadow on = "T" type = "single" color = "# b3b3b3" offset = "5px, 5px"/>
<V: TextBox inset = "5pt, 5pt, 5pt, 5pt" style = "font-size: 10.2pt;"> Hello world! </V: TextBox>
</V: RoundRect>
Hello world!
You can also insert HTML code directly, for example, insert
<Div style = "padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px"> Hello World! </Div>
The results are the same.
