OPACUserCSS
#opac-main-search {
background:
#151b54;
margin: 7px 0;
padding: 15px;
}
body {
background-color: #E5E4E2;
}
.main {
background-color: #E5E4E2;
border: 1px
solid #E5E4E2;
margin: 15px;
padding: 1rem
0;
}
HTML button
<a href="https://youtube.com"><button
type="button">Facebook</button></a>
CSS button
<style>
.button {
border: none;
color: white;
padding: 12px
80px;
text-align:
center;
text-decoration:
none;
display:
inline-block;
font-size: 16px;
margin: 4px 2px;
transition-duration: 0.4s;
cursor: pointer;
}
.button1 {
background-color:
white;
color: black;
border: 2px solid
#008CBA;
}
.button1:hover {
background-color:
#008CBA;
color: white;
}
.button2 {
background-color:
white;
color: black;
border: 2px solid
#008CBA;
}
.button2:hover {
background-color:
#008CBA;
color: white;
}
.button3 {
background-color:
white;
color: black;
border: 2px solid
#008CBA;
}
.button3:hover {
background-color:
#008CBA;
color: white;
}
.button4 {
background-color:
white;
color: black;
border: 2px solid
#008CBA;
}
.button4:hover {
background-color:
#008CBA;
color: white;
}
.button5 {
background-color:
white;
color: black;
border: 2px solid
#008CBA;
}
.button5:hover {
background-color:
#008CBA;
color: white;
}
.button6 {
background-color:
white;
color: black;
border: 2px solid
#008CBA;
}
.button6:hover {
background-color:
#008CBA;
color: white;
}
.button7 {
background-color:
white;
color: black;
border: 2px solid
#008CBA;
}
.button7:hover {
background-color:
#008CBA;
color: white;
}
</style>
<h2>Important links here</h2>
<a href="https://youtube.com""
target="_blank"><button class="button
button1">Facebook</button></a> <br />
<a href="https://youtube.com""
target="_blank"><button class="button
button2">Facebook</button></a><br />
<a href="https://youtube.com""
target="_blank"><button class="button
button3">Facebook</button></a><br />
<a href="https://youtube.com""
target="_blank"><button class="button
button4">Facebook</button></a><br />
<a href="https://youtube.com""
target="_blank"><button class="button button5">Facebook</button></a><br
/>
<a href="https://youtube.com""
target="_blank"><button class="button
button6">Facebook</button></a><br />
<a href="https://youtube.com""
target="_blank"><button class="button
button7">Facebook</button></a>
No comments:
Post a Comment