我其实不太喜欢加友链——当然，之前也是狂热地去别人博客求加友链。不过我也欢迎大家和大家做朋友，互加友链。先友后链——我友链列表里的朋友们也大都是这样做的，而且这四个字没什么困难的，不要被字面上吓到了。

body { background-color: #f0f0f0; display: flex; justify-content: center; align-items: flex-start; /* 改为 flex-start 以允许内容从顶部开始 */ min-height: 100vh; /* 使用 min-height 代替 height */ margin: 0; overflow: auto; /* 允许页面滚动 */ padding: 20px; /* 添加一些内边距 */ } .bubble { position: relative; display: inline-block; padding: 20px; border-radius: 15px; background-color: #e0f7fa; color: #00796b; font-size: 18px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); } .bubble::after { content: ''; position: absolute; bottom: -20px; left: 50%; margin-left: -10px; border-width: 10px; border-style: solid; border-color: #e0f7fa transparent transparent transparent; } .bubble img { width: 60px; height: 60px; border-radius: 50%; margin-bottom: 10px; } .bubble h3 { margin: 0; font-size: 20px; } .bubble p { margin: 5px 0 0; font-size: 14px; } .bubble a { display: inline-block; margin-top: 10px; text-decoration: none; color: #00796b; background-color: #ffffff; padding: 5px 10px; border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); transition: background-color 0.3s; } .bubble a:hover { background-color: #e0f7fa; /* 悬停时改变背景色 */ } </style>