不用ps怎么样做凹进去突出来的按钮

CSS

要做出凹进去突出来的按钮效果，可以使用CSS的伪元素和伪类来实现。首先，在HTML中定义一个按钮元素，然后使用CSS设置其样式。1. 定义按钮元素：html点击我2. 定义CSS样式：CSS.btn::before { content: ""; display: block; width: 100%; height: 20px; background-color: #ff37b7;}.btn::after { content: ""; display: block; width: 100%; height: 100%; position: ABSolute; bottom: 0; background-color: #ff37b7;}.btn:hover::before { background-color: #ff0000;}.btn:hover::after { background-color: #ff37b7;}在上述代码中，通过使用::before和::after伪元素来创建两个背景层。其中，::before为凹进去的背景层，宽度为100%，高度可以根据需要调整；而::after为突出来的背景层，宽度也是100%，高度根据位置设置为100%。当鼠标悬停在按钮上时，可以使用:hover伪类来改变凹进去背景层的颜色，从而实现提示效果。这样就成功地创建了一个凹进去突出来的按钮效果。通过调整样式和尺寸，可以满足不同的需求。