【html】如何利用HTML+CSS制作自己的印章
要使用HTML和CSS制作印章,你可以创建一个简单的<div>
元素,并使用CSS样式来给它加上边框、圆角、背景色和内阴影来模拟印章的外观。
下面是一个简单的例子:
HTML:
<div class="stamp">印章</div>
CSS:
.stamp {
display: inline-block;
padding: 10px 20px;
border-radius: 50px; /* 圆角 */
background-color: #333; /* 背景色 */
color: #fff; /* 文字颜色 */
font-size: 16px; /* 文字大小 */
box-shadow: 5px 5px 5px #aaa; /* 模拟印章印迹的内阴影 */
border: 2px solid #000; /* 边框 */
text-align: center;
}
这段代码会创建一个带有文字的模拟印章,你可以根据需要调整padding
, border-radius
, background-color
, box-shadow
和border
属性以适应不同的设计要求。
评论已关闭