新课:PHP零基础(CMS开发)教学!
立即报名web前端基础(学习html和css我们可以做什么)
11分钟45秒html基础
15分钟59秒HTML中的常用标签及属性(文档头部 head)
09分钟33秒HTML中的常用标签及属性(文本 字体格式化)
17分钟42秒HTML中的常用标签及属性(超链接)
17分钟46秒HTML中的常用标签及属性(列表)
17分钟10秒HTML中的常用标签及属性(form表单)
15分钟58秒HTML中的常用标签及属性(表格)
14分钟49秒css基础
21分钟52秒CSS中的盒模型
12分钟40秒CSS中的边框样式
14分钟35秒CSS中的背景控制
14分钟12秒块级元素和行内元素相互转换
11分钟15秒CSS中的定位
10分钟44秒CSS中的浮动
11分钟47秒常用导航布局案例
35分钟23秒简单CSS3下拉菜单效果实现
13分钟35秒患了低血糖的狗1年前
css基础学习2(盒子模型) *{padding: 0px;margin: 0px;} /* 页面边距清零 */ #box{width: 200px; height: 200px; border:5px solid; background:red;margin:20px; padding: 30px; border-top: 10px double blue;} /* 设置box盒子的边框线为5个像素点 solid设置边框线为实线,设置内容为红色 margin设置外边距为20个像素点 padding内边距为30个像素点 border-top设置上边框线为10个像素点的双线并且线的眼神为红色 */ #box1{width: 200px; height: 200px; border:5px double; background:blue;margin:20px; padding: 30px; border-left: 10px dashed green;} #box2{width: 200px; height: 200px; border:5px dashed; background:green;margin:20px; padding: 30px; border-right: 10px dotted yellow;} .box3{width: 200px; height: 200px; border:5px dotted; background:yellow;margin:20px; padding: 30px; border-bottom: 10px solid red;} button{border: none;} /* button去除按钮元素自带的边框线 */ .box4{width: 200px; height: 200px; border:5px dotted; background:black;margin:20px; padding: 30px; border-bottom: 10px solid red; border-radius: 200px;} .box5{width: 200px; height: 200px; border:5px dotted; background:black;margin:20px; padding: 30px; border-bottom: 10px solid red; border-radius: 200px; box-shadow: 10px 5px 3px green} .box6{width: 200px; height: 200px; border:5px dotted; background:black;margin:20px; padding: 30px; border-bottom: 10px solid red; border-radius: 200px; box-shadow: 0px 10px 20px green inset;} solid实线 double双线 dashed虚线线 dotted点状虚线虚线 登录 dotted点状虚线虚线的圆形盒子 dotted点状虚线虚线的圆形向外带阴影的盒子 dotted点状虚线虚线的圆形向内的带阴影的盒子
0