HTML Tech Demo: Showcase HTML & CSS
<!DOCTYPE html>
<html>
<head>
<title>HTML Tech Demo: Showcase HTML & CSS</title>
<style>
body {
font-family: sans-serif;
}
#demo-container {
width: 500px;
margin: 0 auto;
}
#demo-header {
text-align: center;
font-weight: bold;
font-size: 2em;
}
#demo-description {
padding: 10px;
}
#demo-images {
display: flex;
justify-content: center;
}
#demo-images img {
width: 100px;
margin: 0 10px;
}
#demo-footer {
text-align: center;
font-size: 0.8em;
}
</style>
</head>
<body>
<div id='demo-container'>
<div id='demo-header'>Tech Demo</div>
<div id='demo-description'>
This is a tech demo showcasing HTML and CSS.
</div>
<div id='demo-images'>
<img src='html-logo.png' alt='HTML logo'>
<img src='css-logo.png' alt='CSS logo'>
</div>
<div id='demo-footer'>
This demo was made by [your name]
</div>
</div>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/lnAx 著作权归作者所有。请勿转载和采集!