CSS - sombra no cabeçalho

<< Click to Display Table of Contents >>

Navigation:  CSS >

CSS - sombra no cabeçalho

Previous pageReturn to chapter overviewNext page

Tela

 

sombra

 

Fonte

 

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication5.WebForm1" %>

 

<!DOCTYPE html>

 

<html xmlns="http://www.w3.org/1999/xhtml">

 

<head runat="server">

    <title></title>

    <style>

        body:before

        { /* top shadow */

            content"";

            positionfixed;

            top-10px;

            left-10px;

            width110%;

            height10px;

            -webkit-box-shadow0px 0px 10px rgba(0,0,0,.8);

            -moz-box-shadow0px 0px 10px rgba(0,0,0,.8);

            -ms-box-shadow0px 0px 10px rgba(0,0,0,.8);

            -o-box-shadow0px 0px 10px rgba(0,0,0,.8);

            box-shadow0px 0px 10px rgba(0,0,0,.8);

            z-index100;

        }

    </style>

</head>

<body>

    <form id="form1" runat="server">

        <asp:Label ID="Label1" runat="server" Text="Estado "></asp:Label>

        <asp:Label ID="Label2" runat="server" Text="Cidade "></asp:Label>

    </form>

</body>

</html>