02-CSS基础与进阶-day6_2018-09-05-22-02-24

08盒子阴影.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style type="text/css">h1 {font-size: 90px;text-shadow: 10px 3px 3px rgba(0,0,0,0.5);color: red;}div {width: 200px;height: 200px;border: 10px solid red;/* 水平位置 垂直位置  模糊距离 阴影颜色*/box-shadow: 10px 15px 30px rgba(0,0,0,0.4) inset;}</style>
</head>
<body><h1>我们一定可以高薪</h1><div></div>
</body>
</html>

09水晶图片.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style type="text/css">div {width: 249px;height: 249px;line-height: 249px;    text-align: center;border-radius: 50%;margin: 100px;background-color: pink;background: url(shui.jpg) 0 0 no-repeat;font-size: 30px;color: rgba(255,255,255,0.7);box-shadow: 5px 5px 10px 16px rgba(255,255,255,0.4) inset, 5px 4px 10px rgba(0,0,0,0.3);}</style>
</head>
<body><div>水晶图片</div>
</body>
</html>

转载于:https://www.cnblogs.com/HiJackykun/p/11061702.html

02-CSS基础与进阶-day6_2018-09-05-22-02-24相关推荐

Sqlmap 22.05.22.02
22.05.22.02 1.Sqlmap 直连数据库 Sqlmap 支持直连数据库,通过以下命令来直连. 服务型数据库(前提知道数据库用户名和密码): DBMS://USER:PASSWORD@DBM ...
Java EE之旅02 CSS基础
###css的简介 ####什么是css 概念:层叠样式表,css是对html进行样式修饰语言层叠:就是层层覆盖叠加,如果不同的css样式对同一html标签进行修饰,样式有冲突的部分应用优先级高的, ...
02.CSS基础笔记及导入
CSS是什么 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素. 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染). CSS样式 CSS引 ...
css无效 https_【CSS非全解02】CSS基础-文档流
基本概念文档流 mdn 块.内联.内联块? margin合并两种盒模型文档流 Normal Flow 流式布局 mdn 文档流动方向从左到右:"https://developer.m ...
Docker基础、进阶笔记，为k8s的学习预预热
标题 Docker基础.进阶笔记,为k8s的学习预预热笔记来源于视频: 狂神docker基础篇狂神docker进阶篇笔记中图片有些取自于:这位博主的两篇docker笔记中的一些图片百度云笔记工 ...
JQuery-学习笔记02【基础——JQuery选择器】
Java后端学习路线笔记汇总表[黑马程序员] JQuery-学习笔记01[基础--JQuery基础]--[day01] JQuery-学习笔记02[基础--JQuery选择器] JQuery-学习 ...
CSS基础_Day04
CSS基础一.CSS继承 1.给 HTML 的 body 元素添加样式每一个 HTML 页面都有一个 body 元素. 我们可以通过设置 background-color 的属性值为黑色,来证明 ...
和前端撕出逼格，撕的硬气 - 产品应该懂的html/css基础知识
之前和前端交流页面的实现方案时,经常被告知:这个效果实现不了:那个东西兼容性不好:这个做不了...明明这些效果别人家已经实现出来了,哎,奈何不懂前端相关,没辙! 最近花了点时间看了些前端相关的博客.论 ...
Maven-学习笔记02【基础-Maven的安装和仓库种类】
Java后端学习路线笔记汇总表[黑马程序员] 黑马程序员(腾讯微云)Maven基础讲义.pdf Maven-学习笔记01[基础-Maven基本概念] Maven-学习笔记02[基础-Maven的安 ...
JavaScript学习笔记02【基础——对象（Function、Array、Date、Math）】
w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...

02-CSS基础与进阶-day6_2018-09-05-22-02-24

02-CSS基础与进阶-day6_2018-09-05-22-02-24相关推荐

最新文章

热门文章