Abstract CSS rounded corner effect implemented by js !! Probably last year, I saw CSS and HTML code for the off-the-shelf CSS rounded corner effect on the Internet, for example:
Css rounded Corner Effect
1
Of course, you can set the rounded corner value manually and use it very well. Basically, this code can be used in the past, but if you want to change the rounded corner size, to add a border or base it on this corner, this code won't be able to exert its power. I want to create a componentized image! This year has taken almost one day!
Think about it. The four corners of the rounded corner are exactly a circle, and the circle expression is x * x + y * y = r * r, that is, the square of x plus the square of y equals the square of the radius! With this formula, the theory of realizing the circular solution is right!
Start step-by-step testing from scratch, from zero difficulty to componentization! I divide the implementation of a rounded corner into such a structure.
[Top] [top rounded corner display control] [/top]
[Subject] [Circular solution control on the left of the subject] [subject content] [on the right of the subject] [/subject]
[Bottom] [bottom circle display control] [/bottom]
Get the test code for today:
CSS rounded corner frame and component development-test process
For ($ y = 4; $ y> = 1; $ y --){
Echo"
\ N ";
}
?>
Aaaaaaaaaaaaaaaaaa
For ($ y = 1; $ y <= 4; $ y ++ ){
Echo"
\ N ";
}
?>