CSS基础-15CSS盒子模型-边框

最新推荐文章于 2021-07-22 22:01:00 发布

zhaihaohao1

最新推荐文章于 2021-07-22 22:01:00 发布

阅读量430

点赞数

分类专栏： css基础

本文链接：https://blog.csdn.net/zhaihaohao1/article/details/47188061

版权

css基础专栏收录该内容

38 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<!--CSS盒子模型-边框-->
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link href="css03.css" type="text/css" rel="stylesheet">
</head>
<body>
   <p class="p1">css边框样式，APICloud是一家移动应用开发者平台，
       为App开发者提供云端的API服务和数据存储服务，
       支持在线NoSQL数据表设计、API调试及用量分析；
       同时提供推送、云修复、大数据分析等服务。
       APICloud由“云API”和“端API”两部分组成，
       可以帮助开发者快速实现移动应用的开发、测试、发布
       、管理和运营的全生命周期管理。
       柚子（北京）科技有限公司旗下产品。</p>
    <p class="p2">
        APICloud是一家移动应用开发者平台，
        为App开发者提供云端的API服务和数据
        存储服务，支持在线NoSQL数据表设计、
        API调试及用量分析;同时提供推送、云
        修复、大数据分析等服务， 柚子(北京)
        科技有限公司旗下产品。
    </p>
    <p class="p3">
        APICloud是一家移动应用开发者平台，
        为App开发者提供云端的API服务和数据
        存储服务，支持在线NoSQL数据表设计、
        API调试及用量分析;同时提供推送、云
        修复、大数据分析等服务， 柚子(北京)
        科技有限公司旗下产品。
    </p>
    <p class="p4">
        APICloud是一家移动应用开发者平台，
        为App开发者提供云端的API服务和数据
        存储服务，支持在线NoSQL数据表设计、
        API调试及用量分析;同时提供推送、云
        修复、大数据分析等服务， 柚子(北京)
        科技有限公司旗下产品。
    </p>



</body>
</html>

css:
.p1 {
    /*边框样式*/
    border-style: double;
    /*单边框样式*/
    /*    border-bottom-style: double;*/
    /*border-left-width: 20px*/
    border-width: 10px;
    border-color: #ffff00;

}

.p2 {
    /*圆角边框*/
    border-radius: 20px;
    background-color: aqua;
    text-align: center;
}

.p3 {
    box-shadow: 10px 10px 10px #ffff00;
    background-color: blueviolet;

}

.p4 {
    /*border-style : double;*/
    border-image: url("image/im2.jpg");
    border-width: 50px;

}

zhaihaohao1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS基础-15CSS盒子模型-边框

html>lang="en"> charset="UTF-8"> href="css03.css" type="text/css" rel="stylesheet"> class="p1">css边框样式，APICloud是一家移动应用开发者平台，为App开发者提供云端的API服务和数据存储服务，支持在线NoSQL数据表设计
复制链接

扫一扫

专栏目录