HTMLday7

最新推荐文章于 2024-06-14 22:48:58 发布
最新推荐文章于 2024-06-14 22:48:58 发布
阅读量109 收藏
点赞数
分类专栏： 微信小程序 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51213025/article/details/112795251
版权

凹凸文字效果

    <style>
        body {
            background-color: rgb(179, 179, 179);

        }
        div {
            color: #ccc;
            font: 700 80px "微软雅黑";
        }
        .shadow {
            /* text-shadow: 水平位置 垂直位置 模糊距离 阴影颜色; */
            text-shadow: 5px 4px 2px #000, -4px -3px 2px #fff
        }
        .shadow2 {
            text-shadow: -4px -3px 2px #fff,5px 4px 2px #000;
        }
    </style>
</head>
<body>
    <div class="shadow">我是凸起的文字</div>
    <div class="shadow2">我是凹下的文字</div>
</body>

在这里插入图片描述

背景附着

    <style>
        *{
            margin:0;
            padding: 0;
        }
        body {
            background-image: url(./黑马网页/QQ图片20201213205809.png);
            background-repeat: no-repeat;
            /* 图片不平铺 */
            background-position: center 0px;
            /* 图片水平居中，垂直居中 */
            background-attachment: fixed;
            /* 图片滚动形式 {
                fixed 图片固定不动
                scroll 图片随字滚动 默认
            } */
            /* background-size: contain;
            两者其一满
            background-size: cover;
            两者都满足 */
        }
        div {
            height: 400px;
            background-color: black;
            background :rgba(0,0,0,0.5);
            border: block;
        }

    </style>
</head>
<body>
    <div>
        
    </div>
</body>

在这里插入图片描述

有在学习了
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
HTMLday3
qq_51213025的博客
12-09 303
新增标签属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <he
HTMLday0613
最新发布
m0_71108047的博客
06-14 83
【代码】HTMLday0613。
HTMLday2
hlx250217的博客
07-07 72
13-css的三种引入方式。09-html的全局属性。10-html5语义标签。07-表单的基本结构。08-常见的表单元素。
HTMLday1
hlx250217的博客
07-06 60
---文宇、图片、音频、视频、超链接 打开网页看见的网页的背后：前端程序员写的代码 一------京东网页源代码。不同的标签具有不同的属性 不起作用。1S0 8859-1=====>扩充一些希腊字符 （256)--欧洲人。GBK======》 继续追加收录汉字和字符20000+，支持繁体中文。ASCIl=====》大小写字母、数宇、符号（128个表） 美。6B2312======>扩充6763个汉字，682个字符。包含关茶（父子标签）、并交系（兄弟关系）
HTMLday0614总结
m0_71108047的博客
06-14 151
h-shadow水平阴影 v-shadow垂直阴影 blur模糊半径 color阴影颜色h 正 向右 V 正 向 下。
htmlday1
hpsym的博客
12-29 486
</head> <body> <!-- 1.标题标签:h1~h6 --> <h1>一级标题</h1> <h2>二级标题</h2> <!-- 2.段落标签 --> <p>fsjfshfhjhfhsj</p> <!-- 3.行内文字标签:span --> <span>张阿士大夫撒积分</span> ...
前端HTMLday01
m0_74070936的博客
11-15 35
对于img,video,audio等标签都具有src属性负责接收对应文件，由相对路径和绝对路径两种属性书写方法，绝对路径由于过于死板，在开发过程中使用频率不高。HTML作为对网页内容最基础的处理和修饰，在VSCODE上运行时输出!“内容”由一个一个标签填充。
HtmlDay02
wumingxiaoi的博客
08-12 79
笔记：标题标签 约束 h1 —> h6都是标题标签 h1最大，h6最小 属性：align–>对其方式 left–>默认左对齐 center–>居中对齐 reght–>右对齐 整理 首先标题标签只有6个，最大为h1,最小的为h6。 标题标签也是有属性的，有一个align的属性，默认的为align的属性为left 练习 <h1 align="left">标题1:我在左边</h1> <h2 align="left">
HTMLday01
qq_53471191的博客
08-02 74
HTML基本概念、语法、常见的标签、属性 HTML5 ？ 新增的一些内容 基础知识 什么是HTML？ 超文本标记语言 1. 超文本：页面内包含的内容不仅仅是文本 还可以包含图片、链接、音乐、视频等非文字元素。 2. 标记语言：不是编程语言 <div>div</div> <p></p> 3. 后缀名 .html .ht...
htmlday2笔记
09-20
数组求平均值
热门推荐
qq_51213025的博客
01-25 1万+
数组求平均值 1.先定义变量sum=0求和，变量avr=0求平均数 2.让数组从第0位开始，每个元素相加到变量sum中 3.用变量sum除以数组的长度，求出平均值 4.打印在页面中 <script> var arr = [2,6,1,7,4]; var sum = 0,avr = 0; for(var i = 0;i < arr.length;i++){ sum += arr[i]; }
displayDate显示时间
qq_51213025的博客
01-20 2488
displayDate显示时间 <h1>姜云升</h1> <p id="demo">点击切换当前时间</p> <button type="button" onclick="displayDate()">显示时间</button> <script> function displayDate() { document.getElementById
求1-100之间所有整数的累加，平均值，偶数和奇数和，能被3整除的数
qq_51213025的博客
06-21 1425
求1-100之间所有整数的累加 分析: 1、循环100次要有个计数器i 2、要有一个存储累加结果的变量 sum ，sum 初始值=0 3、sum=sum+i； <script> var sum=0; for (var i = 1;i <= 100;i++) { sum +=i // sum =sum +i; } console.log(sum); </script>
js计算年龄、简单加法器
qq_51213025的博客
06-17 1165
计算年龄案例 分析 1、弹出输入框，输入出生日期 2、用今年年份减去出生年份得出年龄 3、弹出alert，输出结果 <script> var year = prompt('输入年份'); var age =2020 -year; alert(age); </script> ...
输入人数，成绩，打印出班级总成绩和平均值
qq_51213025的博客
06-21 1022
输入人数，成绩，打印出班级总成绩和平均值 var aver =0 ; var score = 0; var sum = 0; var num = prompt ('输入班级总人数'); for ( var i = 1 ; i <= num; i ++) { var score =prompt('第' + i + '人成绩'); sum = sum + parseFloat
js函数的语法基本结构
qq_51213025的博客
06-24 548
1、声明函数 语法： function 函数名 （形参） { 函数体 } 2、调用函数 语法： 函数名（实参）； <script> 1、声明函数 function getsum() { var sum =0; for (var i =0; i <=100; i++) { sum += i ; } console.log(su
登录表单跳转
qq_51213025的博客
07-02 367
登录： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g
国内有哪些热门前端开发的论坛 ，给出地址
03-31
1. 掘金：https://juejin.cn/frontend 2. CSDN：https://bbs.csdn.net/forums/Web前端开发 3. segmentfault：https://segmentfault.com/channel/frontend 4. V2EX：https://www.v2ex.com/go/frontend 5. 小密圈：https://xiaomiquan.com/t/topic/6b7z6v9g9Z 6. 前端乱炖：http://www.html-js.com/ 7. 前端之巅：https://www.qdfuns.com/ 8. 前端网（前端资源分享）：http://www.qdfuns.com/ 9. 前端大全（前端资源库）：http://www.htmlday.com/ 10. 前端工具集（前端工具）：https://www.html.cn/

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值