Draw a circle

XX-XX-######-border RADIUS
1. a certain angle may be provided by border-XX-XX-radius way separate value
2.border-XX-XX-radius accepts two parameters, a first It represents the horizontal direction, and the second vertical direction
3. For example: Top-border-left-the RADIUS: 50%
###### Tip: enterprise development is recommended as a way to allow the float center
centered horizontally: left: 50 %; transform: translateX (-50% );
vertically centered: right: 50%; Transform: translateY, (-50%);
###### border-Image: resource address cutting mode fill mode
1.border-image- source: url () - which tells the browser to make a picture frame to become, by default, into the frame of the image and four vertices, if you set the picture border, border color will not be displayed.
2.border-image-slice: 70 70 70 70; --- the specified picture frame cut.
3.border-image-width: 10px; specified width, the width of the border of the original will fail.
4.border-image-repeat: stretch (default stretching) / repeat (tile) / round (stretch + tiled)
###### which is vertically align = left-Verticle alignment element
1. Default align the case of a line of text and pictures of the baseline (baseline is the shortest at the bottom line of text in the text).
2.text-align is set to the need to align the elements of the parent element, verticle-align is set to that element needs to align itself.
3.verticle-align effective only for inline elements.

Is known from notes (Wiz)