web_day4_css_ width

Set length and width as well as length and width and border style and color

height

width

The width of the border-width border

Border style, border-style, the style is used: solid solid line, dotted line dotted, dashed dotted line

Border-color border color

Jane These may take the form:

border:10px solid red;

 

One edge is provided separately

border-botton below

border-top on top

border-left left

border-right to the right

border-radius corners prototype set the border border-radius: uniform angle corners 10 px / 10px 20px upper left to lower right 10px, lower left to upper right 20px / 10px on the left lower and right lower right upper left 20px 30px / 10px 20px 30px 40px clockwise direction starting from the left

border-radius: 50% Prototype (when the frame is square when circular, rectangular frame when elliptical)

 

####################

Background picture

background-color:

background-img; url(./imgs/a.img)

background-repeat: no-repeat the picture block will not be repeated repeat repeat-x x-axis Y-Y axis repeats REPEAT

background-position: 10px 20px position within the image block, 10px x-axis position 20px y-axis position

 

Guess you like

Origin www.cnblogs.com/kevingm/p/10978794.html