www.webdeveloper.com
Results 1 to 2 of 2

Thread: How to show only bottom border line with shadow?

  1. #1
    Join Date
    Sep 2005
    Posts
    1,625

    How to show only bottom border line with shadow?

    I'm not sure. How to see only BOTTOM LINE with shadow?
    PHP Code:
    <!DOCTYPE HTML>
    <
    html>
    <
    head>
        <
    meta http-equiv="content-type" content="text/html" />

        <
    title>Untitled 3</title>
     <
    style type="text/css">
    <!--
    .
    borders {positionrelativemargin0 0 39pxbackground#fff; border-color: #fff; border-style: solid; border-width: 0 4px 4px 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);}

    -->
    </
    style>
    </
    head>

    <
    body>

    <
    div class="borders">
    <
    ul class="inner">
     <
    li><img src="" /></li>
     <
    li><img src="" /></li>
     <
    li><img src="" /></li>
     <
    li><img src="" /></li>
    </
    ul>
    </
    div>

    </
    body>
    </
    html

  2. #2
    Join Date
    Sep 2008
    Location
    Akron, OH
    Posts
    1,105
    You'll want to try something like this:
    http://jsfiddle.net/4Z48v/

    A good reference:
    http://blog.w3conversions.com/2011/0...one-side-only/
    I'm always up for networking with fellow web professionals. Connect with me on LinkedIn if you like!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles