- 10
fill in the blanks
#footer { top : 1px solid rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.25); box- : 0 1px rgba(255, 255, 255, 0.3); height: 40px; }
22 Answers
+ 8
#footer {
border-top: 1px solid rgba(0, 0, 0, 0.3);
background: rgba(0, 0, 0, 0.25);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.3);
height: 40px;
}
+ 3
#footer {
border-top: 1px solid rgba(0, 0, 0, 0.3);
background: rgba(0, 0, 0, 0.25);
box-shadow: 0 1px rgba(255, 255, 255, 0.3);
height: 40px;
}
-easy-peasy-
+ 3
#footer
{
border-
top
: 1px solid rgba(0, 0, 0, 0.3);
background: rgba(0, 0, 0, 0.25);
box-
shadow
:
inset
0 1px
rgba(255, 255, 255, 0.3);
height: 40px;
}
+ 2
border-
shadow
inset
+ 1
#footer
{
border-top: 1px solid rgba(0, 0, 0, 0.3);
background: rgba(0, 0, 0, 0.25);
box-shadow: inset 0 1px
rgba(255, 255, 255, 0.3);
height: 40px;
}
0
#footer
{
border-
top
: 1px solid rgba(0, 0, 0, 0.3);
background: rgba(0, 0, 0, 0.25);
box-
shadow
:
inset
0 1px
rgba(255, 255, 255, 0.3);
height: 40px;
}
0
#footer {
border-top: 1px solid rgba(0, 0, 0, 0.3);
background: rgba(0, 0, 0, 0.25);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.3);
height: 40px;
}
0
#footer
{
border-
top
: 1px solid rgba(0, 0, 0, 0.3);
background: rgba(0, 0, 0, 0.25);
box-
shadow
:
inset
0 1px
rgba(255, 255, 255, 0.3);
height: 40px;
}
0
border-
shadow
inset
0
#footer
{
border-
top
: 1px solid rgba(0, 0, 0, 0.3);
background: rgba(0, 0, 0, 0.25);
box-
shadow
:
inset
0 1px
rgba(255, 255, 255, 0.3);
height: 40px;
}
0
.test {
background-image:
url
(1.jpg)
,
url(2.jpg);
background-repeat: no-repeat;
background-position: left
top
,
right
top;
}
0
Set the element's opacity at 30%.
opacity:
0.3
;
0
Add a circular radial gradient to produce red and blue, with color-stops accordingly at 15 pixels and 25 pixels.
background:
radial
-
gradient
(50px
50
px, red
15
px, blue 25px);
0
#footer
{
border-
top
: 1px solid rgba(0, 0, 0, 0.3);
background: rgba(0, 0, 0, 0.25);
box-
shadow
:
inset
0 1px
rgba(255, 255, 255, 0.3);
height: 40px;
}
0
Fill in the blanks to create a footer with an inset box-shadow and a 1 pixel border at the top.
#footer
{
border-
top: 1px solid rgba(0, 0, 0, 0.3);
background: rgba(0, 0, 0, 0.25);
box-
shadow
:
inset
0 1px
rgba(255, 255, 255, 0.3);
height: 40px;
}
0
#footer
{
border-
top
: 1px solid rgba(0, 0, 0, 0.3);
background: rgba(0, 0, 0, 0.25);
box-
shadow
:
inset
0 1px
rgba(255, 255, 255, 0.3);
height: 40px;
}
0
border-
shadow : inset
0
border-
shadow
inset
0
table{
background-color:blue;
border:1px solid red;
}
- 1
Tested it Nov,2017.
#footer {
border-top: 1px solid rgba(0, 0, 0, 0.3);
background: rgba(0, 0, 0, 0.25);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.3);
height: 40px;
}