User Tools

Site Tools


notes:css:image

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
notes:css:image [2016/09/29]
admin
notes:css:image [2016/11/04] (current)
admin
Line 57: Line 57:
     background-position:​ 0px 25px     background-position:​ 0px 25px
 } }
 +</​code>​
 +
 +
 +Place an image at the top of the page. It may serve as a banner:
 +<code html>
 +<​html>​
 +    <​head>​
 +        <​title>​Test</​title>​
 +        <style type="​text/​css">​
 +            .top {
 +                background-image:​url(image.png);​
 +                background-position:​ top;
 +                background-repeat:​ no-repeat;
 +    ​
 +                position: relative;
 +                margin: auto; padding: 0;
 +                min-height: 90px;    ​
 +            }
 +        </​style>​
 +    </​head>​
 +    <​body>​
 +        <!-- Page top -->
 +        <div id="​top">​
 +            <div class="​top">​
 +            </​div>​
 +        </​div>​
 +    </​body>​
 +</​html>​
 </​code>​ </​code>​
  
notes/css/image.txt ยท Last modified: 2016/11/04 by admin