实现点赞/收藏按钮的样式可以通过使用CSS的伪元素、动画、背景图片等属性来实现。
首先，可以使用伪元素 ::before 或 ::after 来创建一个空元素，然后通过设置宽高、边框、圆角、背景颜色等属性来创建一个基本的按钮。例如：
.like-button::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
border: 1px solid #ccc;
border-radius: 50%;
background-color: #fff;
}接下来，可以通过使用伪元素 ::before 或 ::after 来创建按钮的图标，例如使用 Unicode 字符或使用 SVG 图标。例如：
.like-button::before {
content: "\2764";
display: inline-block;
width: 24px;
height: 24px;
border: 1px solid #ccc;
border-radius: 50%;
background-color: #fff;
text-align: center;
line-height: 24px;
font-size: 16px;
}以上代码使用 Unicode 编码来创建一个心形图标，并设置了文本居中、行高、字体大小等样式。
接下来，可以通过使用 CSS 动画来实现按钮的交互效果，例如在用户点击按钮时添加一个放大的动画。例如：
.like-button::before {
content: "\2764";
display: inline-block;
width: 24px;
height: 24px;
border: 1px solid #ccc;
border-radius: 50%;
background-color: #fff;
text-align: center;
line-height: 24px;
font-size: 16px;
transition: all 0.2s ease-in-out;
}
.like-button:hover::before,
.like-button:focus::before {
transform: scale(1.2);
}以上代码使用了 transition 属性来设置动画过渡效果，并使用了 :hover 和 :focus 伪类来触发动画效果。
最后，可以通过使用样式类来切换按钮的状态，例如创建一个 .liked 类来表示用户已经点赞，然后在该状态下改变按钮的样式，例如改变背景颜色或者图标的颜色。例如：
.like-button.liked::before {
color: red;
}以上代码将点赞按钮的图标颜色设置为红色。
综上所述，通过使用伪元素、动画、背景图片、样式类等属性，可以实现点赞/收藏按钮的样式。