盒模型

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>/*.class_list{*//*display: block;*//*width: 90%;*//*height: 300px;*//*margin: 200px auto;*//*background-color: aqua;*//*}*//*.class_fout{*//*font-size: 25px;*//*font: 25px "黑体";*//*line-height: 300px;*//*text-align: center;*//*}*/.*{padding: 0;margin: 0;}.box{width: 200px;height: 200px;padding: 100px;/*border: 100px solid red;*/border: 100px dotted red;background-color: #555555;}</style>
</head>
<body><!--<div class="class_list class_fout">这是一个测试界面</div>--><div class="box">jfdhsakjdfhaskjdfhsakjdhskj</div></body>
</html>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>.box{height: 200px;width: 200px;background-color: green;/*设置上边框的宽度*/border-top-width: 20px;/*设置上边框的颜色*/border-top-color: red;/*设置上边框的样式*//*border-top-style: double;*//*border-top-style: solid;*/border-top-style: dotted;/*设置下边框*/border-bottom-color: yellowgreen;border-bottom-width: 5px;border-bottom-style: solid;/*边框的样式可以合写*//*border-left: 宽度,样式,颜色;*/border-left: 5px solid blue;可以用一行设置上下左右的所有的样式}.box1{background-color: #999999;height: 200px;width: 200px;border: 5px solid blue;}</style>
</head>
<body><div class="box"></div><div class="box1"></div>
</body>
</html>

转载于:https://www.cnblogs.com/hywbk/p/6255282.html

学习微信小程序之css7相关推荐

一个C#程序员学习微信小程序的笔记
一个C#程序员学习微信小程序的笔记客户端打开小程序的时候,就将代码包下载到本地进行解析,首先找到了根目录的 app.json ,知道了小程序的所有页面. 在这个Index页面就是我们的首页,客户端在 ...
微信小程序最新开发资源汇总，对学习微信小程序的新手有一定帮助
微信小程序最新开发资源汇总,希望给想学习或正在学习微信小程序开发的同学们带来一定帮助,汇总的小程序资源有点繁杂,各种类型的小程序demo都有,大家可以选择自己想要的demo进行下载学习.这些微信小程序 ...
前端学习——微信小程序
今天是学习微信小程序的第三天. 1. 一定要给脚本文件定义出口.如以下代码 var local_database = [{date: "Nov 18 2017",title: &q ...
新手从零开始学习微信小程序开发01
新手从零开始学习小程序开发01 文章目录新手从零开始学习小程序开发01 前言一.什么是微信小程序? 二.如何着手学习微信小程序 1.开发工具下载安装 2.注册账户前言本章主要介绍微信小程序开发 ...
云开发版高效学习微信小程序源码包含复习资料学习共享护眼精灵等功能
☑️ 编号:X0016 ☑️ 品牌:暂无 ☑️ 语言:微信小程序 ☑️ 数据库:无需数据库 ☑️ 类型:微信小程序 ☑️ 规格:小程序 ※ 欢迎关注私信(发消息不限制),领取福利 ※ ☑️ 源码介绍: ...
微信小程序实现lot开发01 学习微信小程序 helloworld
最近走进一个新项目的任务里,主要的任务是实现用微信小程序利用websocket使用mqtt协议走网络控制继电器(其实在生活中这个技术已经普及了,我们用的充电桩扫码充电,我们学校里的饮水机扫码接水以及我 ...
0基础学习微信小程序(转载)
原文地址:https://blog.csdn.net/qq_41464123/article/details/105198163 前言微信小程序作为近几年"微服务"的杰出代表,应 ...
钢琴学习微信小程序开发功能
如今的家长都希望孩子在艺术方面能够有一技之长,这样才能在将来的生活交际中游刃有余.而钢琴作为艺术中不可缺少的一部分,自然受到了很多人的青睐,因为钢琴代表着高雅和高贵的象征.是提高个人修养的表现.对于钢 ...
学习微信小程序-索引贴
学习微信小程序-索引贴微信小程序一出,到处都是讨论它的. 搞得人心惶惶. 更是打乱了我的学习计划. 而且微信的那个IDE, 真是难用啊. 而且有bug. 页面数据量大的时, 调试页面会假死. 真是坑 ...

学习微信小程序之css7

盒模型

学习微信小程序之css7相关推荐

最新文章

热门文章