一幅CSS做的对联

最新推荐文章于 2023-12-02 15:06:02 发布

leeight

最新推荐文章于 2023-12-02 15:06:02 发布

阅读量2.4k

点赞数

分类专栏： HTML 文章标签： css div class filter border table

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/leeight/article/details/418871

版权

这篇博客展示了如何使用CSS来制作对联，通过设置不同的样式属性如`position`、`filter`、`font-family`等，实现了文字的翻转、颜色、字体效果，以及背景的装饰。内容包括隶书字体的设定、对联的文字排列和整体布局，体现了CSS在网页设计中的灵活性和艺术性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<style>
.font { font-family: 隶书; font-size: 36pt; color: #000000; font-weight: bold;
background-color: #FF0000 }
.font1{ font-family: 隶书; font-size: 36pt; color: #000000; font-weight: bold }
</style>

<div style="position: absolute; top: -1; left: 184; width: 85; height: 103; font-size: 64pt; color: red">◆</div>
<div style="position: absolute; top: 12; left: 198; width: 43; height: 43;filter:flipv" class=font1>福</div>
<div style="position: absolute; top: -2; left: 498; width: 85; height: 103; font-size: 64pt; color: red">◆</div>
<div style="position: absolute; top: 12; left: 513; width: 49; height: 48;filter:flipv" class=font1>福</div>
<div style="position: absolute; top: 80; left: 217; width: 320; height: 386; font-size: 240pt; color: red">◆</div>
<div

最低0.47元/天解锁文章

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。