WEB前端开发工程师 学习第二天 边框
1.边框的组成
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style>div{width: 400px;height: 400px;border:1px solid red;}</style><!--边框组成1、边框的粗细2、边框的样式3、边框的颜色--></head><body><div></div></body>
</html>2.边框的方向
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style>div{width: 400px;height: 400px;border: 1px solid red;border-right:5px dashed black;}</style><!--边框的方向top right bottom leftborderborder-topborder-rightborder-bottomborder-left--></head><body><div></div></body>
</html>3.边框的组成和方向
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style>div{width: 400px;height: 400px;border: 1px solid red;border-top-color: black;}</style><!--边框组成1、边框的粗细2、边框的样式3、边框的颜色边框的方向top right bottom leftborderborder-topborder-top-widthborder-top-styleborder-top-colorborder-rightborder-right-widthborder-right-styleborder-right-colorborder-bottomborder-bottom-widthborder-bottom-styleborder-bottom-colorborder-leftborder-left-widthborder-left-styleborder-left-color--></head><body><div></div></body>
</html>4.边框的形状
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style>div{width: 0px;height: 0px;border: 20px solid red;border-top-color:black;}</style><!--边框的形状：非矩形--></head><body><div></div></body>
</html>5.边框三角形
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style>div{width: 0;height: 0;border: 10px solid #fff;/*border-top-color:#ccc;*/border-left-color:#ccc;}</style></head><body><div></div></body>
</html>效果图
转载于:https://www.cnblogs.com/mayanlianggcs/p/9513354.html
WEB前端开发工程师 学习第二天 边框相关推荐
- WEB前端开发工程师 学习第二天 文字文本
1.文字设置 <!DOCTYPE html> <html><head><meta charset="UTF-8"><title ...
- 一名优秀的Web前端开发工程师的成长之路：如何学习前端开发知识以及书籍推荐
我所遇到的前端程序员分两种: 第一种一直在问:如何学习前端? 第二种总说:前端很简单,就那么一点东西. 我从没有听到有人问:如何做一名优秀.甚至卓越的WEB前端工程师. 何为:前端工程师? 前端工程师 ...
- 如何学习才能成为优秀的Web前端开发工程师？
随着Web前端技术的广泛应用,Web前端开发工程师也成为了热门的岗位之一,并且吸引了很多人想要转行成为Web前端开发工程师.那么如何学习才能成为Web前端开发工程师呢? 如何学习才能成为优秀的Web前 ...
- web前端开发——HTML学习
WEB前端开发 W3C学习网站 MDN学习网站 HTML 从语义角度,描述页面结构 语言不区分大小写,特殊字符要求全小写 html5文件结构 快速编辑:Tab键 <!DOCTYPE html&g ...
- web前端开发工程师之HTML+CSS初级到精通系列课程-陈璇-专题视频课程
web前端开发工程师之HTML+CSS初级到精通系列课程-438人已学习 课程介绍 本系列课程为HTML5+CSS3基础课程,从HTML结构标签.常用标签及属性.CSS语法.CSS常用 ...
- Web前端开发工程师实战培训教程
Web前端开发工程师实战培训教程 现在Web前端开发的工作需求量很大,很多企业都专门去招聘Web前端的开发人员,待遇都是轻松过万的 我推荐给你们一套系统性学习Web前端开发的课程,可以完整的学习Web ...
- 学web前端开发和学习其他编程语言一样吗?
前言: web前端是编程中门槛较低,较易入门的,对年龄和学历要求也不是特别高,但如果学历过低,年龄比较大,又完全没有基础,会在学习时感到吃力,另外也会因为用人公司对学历和年龄的限制很难找工作,因此学历 ...
- web前端开发怎么样学习？看这份web前端学习路线
前端开发是创建Web页面或app等前端界面呈现给用户的过程.前端开发通过HTML,CSS及JavaScript以及衍生出来的各种技术.框架.解决方案,来实现互联网产品的用户界面交互.它从网页制作演变而 ...
- Web前端开发工程师必读de设计博客
2019独角兽企业重金招聘Python工程师标准>>> Web设计是一个不断变化的领域,因此掌握最新的发展趋势及技术动向对设计师来说非常重要,无论是学习新技术,还是寻找免费资源与工具 ...
最新文章
- java 流的方式抓取网页 但是显示不全_用java抓取网页源代码时总是无法获取完整的源代码信息，求指导...
- 图解SQL面试题：经典50题
- java多线程 --ConcurrentLinkedQueue 非阻塞 线程安全队列
- linux 按列提取文件名,Linux展示按文件名降序文件
- appscan如何进行web端安全性测试_常用的软件测试工具有哪些？
- Hex Workshop(16进制编辑利器) 6.7.2绿色版
- aspnetpager分页UI调用存储过程函数
- pycharm python3.7环境_Python3+Pycharm+PyQt5环境搭建步骤图文详解
- Android 地图跳转到百度、高德、腾讯地图导航
- VS.NET(C#)-5.18_IIS6架构模型：工作进程(Worker Process)简介
- python3GUI--微博图片爬取工具V1.5 By:PyQt5（附源码）
- JavaScript中DOM文档事件
- 小样本论文笔记5：Model Based - [6] One-shot learning with memory-augmented neural networks.
- 对Redis数据库的学习！
- Word文档排版——自动编号
- 图解ARP协议（三）ARP防御篇-如何揪出“内鬼”并“优雅的还手”？
- windows服务器虚拟桌面,Windows Server 2012 R2 VDI系列（四）—创建虚拟桌面集合
- 学习Python的建议
- 2020个人网站搭建指南（华为云+wordpress）
- mysql脏读解决方案_MySQL为什么可以解决脏读和不可重复读？