Css button border

border: 2px solid #000;

Css button style rectangle

.placeholder-box {
  position: relative;
  display: block;
  width: 300px;
  min-height: 150px;
  margin-top: 50px;
  padding: 30px;
  border: 1px solid #888;
  border-radius: 10px;
  box-sizing: border-box;
  box-shadow: 0 0 8px 0 rgba(0,0,0,0.25);
}

.placeholder-box p {
  text-align: center;
  margin: 0 0 15px;
}

.placeholder-box ul {
  margin: 0;
}

/* Button */

button {
 display: block;
 border: solid white;
 border-width: 0 10px;
 border-radius: 0;
 background: green;
 color: white;
 font-size: 18px;
 margin: -60px auto 15px;
 padding: 15px;
}

Source: stackoverflow.com

Similar codes

0 vote340 views1 answer
Space in css :before :after
CSS
17 votes383 views2 answers
Solved - gulp : File C:\Users\Tech\AppData\Roaming\npm\gulp.ps1 cannot be loaded because running scripts is disabled on this system.
CSS
38 votes348 views3 answers
Css breakpoints
CSS
20 votes336 views6 answers
Remove bullets from ul
CSS
2 votes378 views1 answer
Table overflow not working
CSS
39 votes347 views2 answers
Css to increase font size
CSS
0 vote332 views1 answer
Inline-block column appear higher than others
CSS
17 votes370 views4 answers
Css center element on screen
CSS
38 votes356 views5 answers
Roboto
CSS
21 votes359 views2 answers
Remove color and underline from link css
CSS