zoukankan      html  css  js  c++  java
  • css圆角

    aspx页面:

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="圆角.aspx.cs" Inherits="圆角" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>无标题页</title>
    
        <script src="javsscript/jquery-1.7.1.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $(".divb").mouseover(function() {
                    $(this).css({ "color": "#ff0000", "background-color": "#f5f5f5" });
                });
                $(".divb").mouseout(function() {
                    $(this).css({ "color": "#000000", "background-color": "#ffffff" });
                });
                $(".divb").click(function() {
                    //$(".diva").hide();
                    $(".diva").css("display", "none");
                });
            });
        
        </script>
        <style type="text/css">
          .diva
    {
        height:300px;
        width:300px;
        border:1px solid #0000ff;
        -moz-border-radius:20px;
        -webkit-border-radius:20px;
        margin-top:30px;
        margin-left:30px;
    }
    .divb
    {
        height:40px;
        width:40px;
        position:absolute;
        z-index:100;
        margin-left:280px;
        margin-top:-20px;
        border:solid 1px #FF0000;
        -moz-border-radius:20px;
        -webkit-border-radius:20px;
        background-color:#ffffff;
        line-height:40px;
        text-align:center;
        font-weight:bold;
        cursor:pointer;
        font-size:18px;
    }
        
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <div class="diva">
            <div class="divb">
                ×
            </div>
        </div>
        </form>
    </body>
    </html>

    效果图:

  • 相关阅读:
    初识Python(3)__Python 数字
    初识Python(2)__Python 对象
    正式开始学习python
    现代浏览器的工作原理
    data URI scheme
    连接池
    介绍缓存的基本概念和常用的缓存技术(转)
    前后端及常用语言介绍
    非关系型数据库和关系型数据库区别
    VC编译连接选项详解(转)
  • 原文地址:https://www.cnblogs.com/zcttxs/p/2513500.html
Copyright © 2011-2022 走看看