css 四角边框
2021-03-08 本文已影响0人
倩仔6
background: linear-gradient(
to left,
rgb(4, 172, 247),
rgb(4, 172, 247)
)
left top no-repeat,
linear-gradient(to bottom, rgb(4, 172, 247), rgb(4, 172, 247)) left
top no-repeat,
linear-gradient(to left, rgb(4, 172, 247), rgb(4, 172, 247)) right
top no-repeat,
linear-gradient(to bottom, rgb(4, 172, 247), rgb(4, 172, 247)) right
top no-repeat,
linear-gradient(to left, rgb(4, 172, 247), rgb(4, 172, 247)) left
bottom no-repeat,
linear-gradient(to bottom, rgb(4, 172, 247), rgb(4, 172, 247)) left
bottom no-repeat,
linear-gradient(to left, rgb(4, 172, 247), rgb(4, 172, 247)) right
bottom no-repeat,
linear-gradient(to left, rgb(4, 172, 247), rgb(4, 172, 247)) right
bottom no-repeat;
/*设置大小*/
background-size: 0.0125rem 0.4rem, 0.4rem 0.0125rem, 0.0125rem 0.4rem,
0.4rem 0.0125rem;
// background-size: 2px 80px, 80px 2px, 2px 80px, 80px 2px,2px 80px, 80px 2px, 2px 80px, 80px 2px;
// background-size: 0.0125rem 0.4rem, 0.4rem 0.0125rem, 0.0125rem 0.4rem,
0.4rem 0.0125rem;
image.png
image.png
background: linear-gradient(
to left,
rgb(4, 172, 247),
rgb(4, 172, 247)
)
left top no-repeat,
linear-gradient(to bottom, rgb(4, 172, 247), rgb(4, 172, 247)) left
top no-repeat,
linear-gradient(to left, rgb(4, 172, 247), rgb(4, 172, 247)) right
top no-repeat,
linear-gradient(to bottom, rgb(4, 172, 247), rgb(4, 172, 247)) right
top no-repeat,
linear-gradient(to left, rgb(4, 172, 247), rgb(4, 172, 247)) left
bottom no-repeat,
linear-gradient(to bottom, rgb(4, 172, 247), rgb(4, 172, 247)) left
bottom no-repeat,
linear-gradient(to left, rgb(4, 172, 247), rgb(4, 172, 247)) right
bottom no-repeat,
linear-gradient(to left, rgb(4, 172, 247), rgb(4, 172, 247)) right
bottom no-repeat;
/*设置大小*/
background-size: 0.0125rem 0.4rem, 0.4rem 0.0125rem, 0.0125rem 0.4rem,
0.4rem 0.0125rem;
