写メ投稿
-
2025-12-03
無題
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>公式LINE追加ボタン</title>
<style>
.line-button {
display: inline-block;
background-color: #00c300; /* LINEのグリーン */
color: white;
font-weight: bold;
padding: 12px 24px;
border-radius: 8px;
text-decoration: none;
font-size: 18px;
transition: background-color 0.3s;
}
.line-button:hover {
background-color: #00a600; /* ホバー時に少し濃い緑 */
}
</style>
</head>
<body>
<a href="https://lin.ee/LWPWhyR" target="_blank" class="line-button">
公式LINEで友だち追加
</a>
</body>
</html>