WEBLEB
Inicio
Editora de código
Iniciar sesión
Pro
Español
English
Français
Español
HTML
CSS
JS
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>Document</title> </head> <body> <div class="bt"> <div class="rr"></div> <img src="https://tse2.mm.bing.net/th/id/OIP.xbl5Q9A03db7zcxaI1dBWgHaJl?rs=1&pid=ImgDetMain&o=7&rm=3" > </div> </body> </html>
.bt{ border: 4px solid black; width: 260px; height: 550px; margin: auto; border-radius: 40px; } .rr{ width: 60%; border: 2px solid black; height: 20px; border-radius: 0px 0px 30px 30px; margin: auto; background: black; } img{ width: 20%; display: flex; margin: 80% auto; }
/* Replace with your JS Code (Leave empty if not needed) */
Preview
Open Advanced Editor
Publish Code
Full Screen
HTML
CSS
JS
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>Document</title> </head> <body> <div class="bt"> <div class="rr"></div> <img src="https://tse2.mm.bing.net/th/id/OIP.xbl5Q9A03db7zcxaI1dBWgHaJl?rs=1&pid=ImgDetMain&o=7&rm=3" > </div> </body> </html>
.bt{ border: 4px solid black; width: 260px; height: 550px; margin: auto; border-radius: 40px; } .rr{ width: 60%; border: 2px solid black; height: 20px; border-radius: 0px 0px 30px 30px; margin: auto; background: black; } img{ width: 20%; display: flex; margin: 80% auto; }
/* Replace with your JS Code (Leave empty if not needed) */
Preview
Validating your code, please wait...