zoukankan      html  css  js  c++  java
  • web版聊天框

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            *{
                padding: 0;
                margin: 0;
            }
            div{
                width: 500px;
                height: auto;
                border: 10px solid red;
                margin:100px auto;
                /*添加边框图片*/
                border-image-source: url("../images/btn_bg.png");
                /*设置受保护的区域大小*/
                border-image-slice: 10 fill;
                /*设置边框图片的宽度
                1.明确圆角的大小
                2.明确受保护的区域的大小*/
                border-image-width: 10px;
                /*设置背景平铺效果  默认是stretch:拉伸 宽要和上面的边框的宽度一致*/
                border-image-repeat: stretch;
            }
        </style>
    </head>
    <body>
    <div>边框图片的本质是背景,并不会影响元素内容的放置边框图片的本质是背景,并不会影响元素内容的放置边框图片的本质是背景,并不会影响元素内容的放置边框图片的本质是背景,并不会影响元素内容的放置边框图片的本质是背景,并不会影响元素内容的放置边框图片的本质是背景,并不会影响元素内容的放置边框图片的本质是背景,并不会影响元素内容的放置边框图片的本质是背景,并不会影响元素内容的放置边框图片的本质是背景,并不会影响元素内容的放置边框图片的本质是背景,并不会影响元素内容的放置</div>
    </body>
    </html>

    是不是很简单啊,0.0. 这是九宫格样式的背景图片

  • 相关阅读:
    转】用Maven构建Mahout项目
    转】Mahout学习路线图
    转】Spark DataFrames入门指南:创建和操作DataFrame
    转】Spark DataFrame小试牛刀
    转】用Maven构建Hadoop项目
    【转】Hive导入10G数据的测试
    软考概述
    vi 按了ctrl+s之后
    VC6.0入门使用
    后台使用oracle前台使用easyui分页机制
  • 原文地址:https://www.cnblogs.com/YOUNGZZ/p/6910898.html
Copyright © 2011-2022 走看看