极致美化这个成语大全页面!DOCTYPE htmlhtml head meta charset=utf-8 title成语大全title style body font-family Arial sans-serif; margin 0; padding 20px; form margin-bottom 20px; inputt
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>成语大全</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 20px;
}
<pre><code> form {
margin-bottom: 20px;
}
input[type="text"] {
padding: 5px;
width: 200px;
}
input[type="submit"] {
padding: 5px 10px;
}
.container {
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
}
h1 {
margin-top: 0;
}
.idiom {
margin-bottom: 20px;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
background-color: #f7f7f7;
}
.idiom p {
margin: 0;
}
.idiom p:first-child {
font-weight: bold;
}
.idiom p:last-child {
margin-top: 10px;
}
</style>
</head>
<body>
<div>
<form method="post" action="index.php">
<input name="search" type="text"/>
<input type="submit"/>
</form>
</div>
<div class="container">
<div class="idiom">
<p>阿姑阿翁(āgūāwēng)</p>
<p>解释:阿名词的前缀。姑丈夫的母亲。翁丈夫的父亲。指公公婆婆。</p>
<p>来源:见阿家阿翁。</p>
<p>举例:既然如此,你我两个,便学个不痴不聋的~。《儿女英雄传》二三回</p>
</div>
</div>
</body>
</code></pre>
</html
原文地址: https://www.cveoy.top/t/topic/iN0d 著作权归作者所有。请勿转载和采集!