自学前端——day 3 盒子模型:
设置字体类型
font-family
用于设置字体类型。verdana 是一种字体。
设置边框:
border-radius:0px
![自学前端---day 3](https://img.it610.com/image/info8/1effbe55f0cf461db313cb147db95c17.png)
文章图片
border-radius:20px
![自学前端---day 3](https://img.it610.com/image/info8/5f14bff2a5a146e19948cd63420dd276.png)
文章图片
设置元素边框与元素内容之间的空间
padding:0px
【自学前端---day 3】
![自学前端---day 3](https://img.it610.com/image/info8/db7a487c19054630b6f0b848385b4f93.png)
文章图片
padding:40px
![自学前端---day 3](https://img.it610.com/image/info8/6abcf8b8aca9441baa9a108d91f7e36c.png)
文章图片
设置边框粗细
border:2px
![自学前端---day 3](https://img.it610.com/image/info8/fcb9348c392744d998adc14fb1754260.png)
文章图片
border:20px
![自学前端---day 3](https://img.it610.com/image/info8/bebeb7c980ab494b913cacb199633375.png)
文章图片
设置边框颜色
solid rgb(32, 175, 115);
//绿色
![自学前端---day 3](https://img.it610.com/image/info8/d0ac3468625042c695da985bb4c7a538.png)
文章图片
rgb(175, 32, 111);
//红色
![自学前端---day 3](https://img.it610.com/image/info8/10fddbc7d2544a06a84b724476fc524d.png)
文章图片
推荐阅读
- CSS三栏布局方法
- 前端学习(十四)CSS 圆角边框代码
- 前端学习|【javascript】实现动画效果
- 自学前端—day 7
- 自学前端 day10
- 自学前端day 8
- 前端学习|回归前端学习第24天-实现俄罗斯方块小游戏7(实现单机版3—实现消行、更新方块、结束)
- 前端学习——Day01
- 前端学习之——js解析json数组