Versions Compared

Old Version 5

changes.mady.by.user Deniz Oğuz

Saved on

compared with

New Version 6

changes.mady.by.user Deniz Oğuz

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

CSS StylePreview


Code Block
languagecss
color: orange;




Code Block
languagecss
color: #E74C3C;



background-color: #14892c;
color: white;


Code Block
languagecss
background-color: #14892c;
color: white;
padding: 5px;
width: 130px;
border-radius:4px;
text-align: center






Code Block
languagecss
color:  #14892c;
font-style: italic;




Code Block
languagecss
background-color: white;
color: #594300;
padding-right: 3px;
padding-left: 3px;
border-radius: 4px;
border: 2px solid #ffe28c;
text-transform: uppercase;
text-align: center



Style each option as shown in the following example but with different colors.

You can also adjust width and height values to make circle bigger or smaller.

Code Block
languagecss
background-color:#14892c;
color:#14892c;
width: 30px;
height: 30px;
border-radius:50%;
display: flex; 
justify-content:center;


Image Modified