html - How can I mark it up? -
I have a photo and it looks like this:
And I want to mark it with HTML and CSS.
I always want to place the curved section at the center of the screen and I think the flat screen depends on the breadth of the user screen width.
How can I do this? Can someone provide me examples?
You can use this
html #test {width: 50px; Height: 600px; Background: green; Status: Completed; Top: 0; Left: 0; Correct: 0; Margins: Auto; Display: Inline-block; Webkit-Conversions: rotate the translation (300px) (90 degrees); -webkit-change-origin: left top; } #Test: After {background: white; Height: 600px; Width: 100px; Range radius: 100px 0 100px / 600px 0 0 600px; Display: Inline-block; material: ''; Status: Relative; Left: 25px; }
It is therefore necessary that the last
html
& lt; Div id = "testbefore" & gt; & Lt; / Div & gt; & Lt; Div id = "test" & gt; & Lt; / Div & gt;
css
body, html {margin: 0; Padding: 0; Width: 100%; } #testbefore {width: 100%; Height: 50px; Background: green; } #Test {width: 50px; Height: 600px; Background: green; Status: Completed; Top: 0; Left: 0; Correct: 0; Margins: Auto; Display: Inline-block; Webkit-Conversions: rotate the translation (300px) (90 degrees); -webkit- Change Origin: Top; } #Test: After {background: white; Height: 600px; Width: 100px; Range radius: 100px 0 100px / 600px 0 0 600px; Display: Inline-block; material:''; Status: Relative; Left: 50px; }
Comments
Post a Comment