前端学习（1812）：前端调试之shadow练习

index.html

<!DOCTYPE html>
<html lang="en"><head><!--系统内置 start--><script type="text/javascript"></script><!--系统内置 end--><meta charset="UTF-8"><title>练习</title><link rel="stylesheet" href="index.css">
</head><body><div class="box"><h3>小米&lt;小爱老师&gt;</h3><p>口袋里的英语外教</p><h4>499元起</h4></div>
</body></html>

index.css

* {margin: 0;padding: 0;
}.box {box-sizing: border-box;width: 200px;height: 256px;background: #ffffff;padding-top: 22px;text-align: center;box-shadow:0px 0px 10px rgba(0,0,0,0.11);
}.box::before {content: '';display: block;width: 130px;height: 130px;margin: 0px auto 16px;background: url(./images/phone.jpg) no-repeat center;background-size: contain;
}.box h3 {font-style: normal;font-weight: normal;font-size: 12px;line-height: 17px;color: #000000;
}.box p {margin-top: 4px;margin-bottom: 8px;font-style: normal;font-weight: normal;font-size: 12px;line-height: 17px;color: #A8A8A8;
}.box h4 {font-style: normal;font-weight: 500;font-size: 12px;line-height: 17px;color: #FD6821;
}

运行结果

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/418844.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

软件工程学习进度表

软件工程学习进度表

软件工程课学习进度表&#xff08;1-12周&#xff09;。第一周时间&#xff1a;2016年2月29日&#xff0c;星期一。 每周起止时间为周一到周日&#xff0c;每周课上学习时间为4课时&#xff0c;每课时45分钟&#xff0c;共3小时。 学习时间格式&#xff1a;课上时间编写代码时间…
阅读更多...
C++输出数据对齐

C++输出数据对齐

草稿用 用 setw().
阅读更多...
bullet HashMap 内存紧密的哈希表

bullet HashMap 内存紧密的哈希表

last modified time&#xff1a;2014-11-9 14:07:00 bullet 是一款开源物理引擎&#xff0c;它提供了碰撞检測、重力模拟等功能&#xff0c;非常多3D游戏、3D设计软件&#xff08;如3D Mark&#xff09;使用它作为物理引擎。作为物理引擎&#xff0c;对性能的要求是非常苛刻的&…
阅读更多...
前端学习（1813）：前端调试之微博个人banner开发

前端学习（1813）：前端调试之微博个人banner开发

index.html <!DOCTYPE html> <html lang"en"><head> <!--系统内置 start--> <script type"text/javascript"></script> <!--系统内置 end--><meta charset"UTF-8"><title>微博实战--ban…
阅读更多...
操作系统课设——设计模拟一个SPOOLING假脱机输出程序

操作系统课设——设计模拟一个SPOOLING假脱机输出程序

广州大学操作系统课程设计报告 要求&#xff1a;书写课程设计报告&#xff0c;报告中应该包含如下内容&#xff1a; 一&#xff0e;课程设计题目及内容 课程设计题目&#xff1a;题目三&#xff1a; 设计模拟一个SPOOLING假脱机输出程序 &#xff08;1&#xff09; 系统设计要…
阅读更多...
老生常谈session,cookie的区别，安全性

老生常谈session,cookie的区别，安全性

https://blog.csdn.net/weixin_34221775/article/details/91931140
阅读更多...
提升数据分析能力成熟度之四步曲_数据分析师

提升数据分析能力成熟度之四步曲_数据分析师

提升数据分析能力成熟度之四步曲_数据分析师 是不是常常苦于对业务中碰到的问题找不到好的解决办法&#xff0c;又或者担心不久的将来会爆发一系列潜在的问题&#xff1f;在某些事件完全失控之前您是否想事先找寻到一些蛛丝马迹&#xff1f;如果您的回答是肯定的话&#xff0c;…
阅读更多...
前端学习（1814）：前端调试之css flex

前端学习（1814）：前端调试之css flex

阅读更多...
操作系统实验——进程管理与进程通信

操作系统实验——进程管理与进程通信

广州大学学生实验报告 实验一 进程管理与进程通信 一、实验目的 1、掌握进程的概念&#xff0c;明确进程的含义。 2、认识并了解进程并发执行的实质&#xff0c;进程的阻塞与唤醒&#xff0c;终止与退出的过程。 3、熟悉进程的睡眠、同步、撤消等进程控制方法。 4、分析进程…
阅读更多...
前端学习（1815）：前端调试之css flex 练习1

前端学习（1815）：前端调试之css flex 练习1

index.html <!DOCTYPE html> <html lang"en"><head><!--系统内置 start--><script type"text/javascript"></script><!--系统内置 end--><meta charset"UTF-8" /><meta name"viewport…
阅读更多...
MySQL中union和order by一起使用的方法

MySQL中union和order by一起使用的方法

https://blog.csdn.net/w355474326/article/details/73825890
阅读更多...
关于操作系统的学习总结

关于操作系统的学习总结

学了一学期的操作系统&#xff0c;就瞎写点东西反思一下吧。 我是广州大学计算机科学与技术专业的&#xff0c;操作系统的知识是比较抽象的。第一看书时必要的。我们的操作系统课程是张艳玲副教授授课的。张老师讲课认真&#xff0c;是一个不错的老师。我们上课用的课本是这本…
阅读更多...
iis6 配置python CGI

iis6 配置python CGI

打开iis管理器&#xff0c;在Web服务扩展中添加一个新的Web服务扩展 点击添加&#xff0c;浏览找到python的目录&#xff0c;文件类型改为CGI exe文件 选择python.exe 然后在目录后添加 %s %s&#xff08;搜了一圈&#xff0c;还没找到原因&#xff09; 确定就行&#xff0c;然…
阅读更多...
前端学习（1816）：前端面试题之作用域和值类型传递的参数1

前端学习（1816）：前端面试题之作用域和值类型传递的参数1

<!DOCTYPE html> <html><head><meta charset"UTF-8"><title></title></head><body><script type"text/javascript">//第1题 作用域var num1 55;var num2 66;//100function f1(num, num1) {// var…
阅读更多...
Java 中 this 和 super 的用法总结

Java 中 this 和 super 的用法总结

https://www.runoob.com/w3cnote/the-different-this-super.html
阅读更多...
广州大学专业选修课介绍-----------Linux操作系统分析及实践

广州大学专业选修课介绍-----------Linux操作系统分析及实践

教材&#xff1a; 课程内容&#xff1a;你去看一下课本就知道教什么了(●◡●) 考核方式&#xff1a;考察
阅读更多...
今天课堂总结

今天课堂总结

1.带缓存的字符输入输出流 1 package com.xia;2 3 import java.io.BufferedReader;4 import java.io.BufferedWriter;5 import java.io.File;6 import java.io.FileReader;7 import java.io.FileWriter;8 9 public class test { 10 11 public static void main(String[] a…
阅读更多...
zTree：实现单选/取消父子关联等

zTree：实现单选/取消父子关联等

https://blog.csdn.net/sinat_32034679/article/details/72461355
阅读更多...
简述List、Set、Map类型的集合的各自特点

简述List、Set、Map类型的集合的各自特点

简述List、Set、Map类型的集合的各自特点 转载于https://blog.csdn.net/m0_37668335/article/details/80556862?depth_1-utm_sourcedistribute.pc_relevant.none-task&utm_sourcedistribute.pc_relevant.none-task JAVA集合主要分为三种类型&#xff1a; Set(集) List(…
阅读更多...
微信服务项目表

微信服务项目表

本文介绍了方倍工作室对外提供的微信相关服务介绍&#xff0c;供有需要购买的客户进行参考。 免费服务图书购买语音问答代码视频技术咨询企业顾问定制服务服务内容微信基础教程常用代码下载微信完整教程图书源码下载发起问题查看他人答案微信高级代码微信开发视频微信开发技术技…
阅读更多...
最新文章

Copyright @ 2022~2023