Graphics Programs Reference
In-Depth Information
Figure 5-14: Using borders to punch out the greeting.
Figure 5-15: What happens when the container gets a border.
171
h at's okay, you can work around this. All it takes is a couple of borders on the punch, and a
little negative margining (see also Figure 5-16):
.punch
{
background
:
#C0FFEE
;
font-size
:
500%
;
float
:
left
;
margin
:
-3px
0.1em
0.1em
-3px
;
padding
:
0.1em
;
border
:
3px
solid
black
;
border-width
:
0
3px
3px
0
;}
Figure 5-16: Bringing the boxpunch out of and integrating it with the border.
Search WWH ::
Custom Search