h2 {

color: 333;

font-size: 24px;

font-weight: bold;

margin-to40px;

margin-bottom: 20px;

}

p {

color: 666;

font-size: 16px;

line-height: 1.5;

margin: 0;

}

.intro {

text-align: center;

margin: 20px 0;

}

.wave-border {

border: 5px solid 333;

border-radius: 10px;

padding: 20px;

}

.wave-border:before,

.wave-border:after {

content: "";

display: block;

height: 50px;

}

.wave-border {

position: relative;

background: linear-gradient(to right, e35b69, 5fc2d9);

}

.wave-border:before,

.wave-border:after {

position: absolute;

content: '';

width: 0%;

}

.wave-border:before {

left: 0;

to-5px;

border-to5px solid 333;

}

.wave-border:after {

right: 0;

bottom: -5px;

border-bottom: 5px solid 333;

}

DOCTYPE html>

魅力波浪邊框設(shè)計(jì)，瞬間吸引目光的視覺效果！