css5-盒子模型

news/2024/7/19 13:33:05 标签: css, js, css3, html, less
htmledit_views">
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="盒子阴影.html" title=css>css">
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>

<h1>稳住我们能赢!</h1>
<div></div>

</body>
</html>
html" title=css>css
h1{
font-size: 300px;
text-shadow:10px 3px 3px rgba(0 0 0 1);
/*水平距离 垂直距离 模糊 阴影颜色 */
}
div{
width: 200px;
height: 200px;
border: 10px solid red;
box-shadow: 5px 5px 3px 4px rgba(0 ,0, 0, .4);
}

/*外阴影省略 内阴影写上inset*/






http://www.niftyadmin.cn/n/1279647.html

相关文章

前端基础-HTML多媒体标签

多媒体标签 1.embed标签 不是h5独有&#xff0c;h4就有&#xff0c;用来播放音频和视屏 <embed src"邓紫棋-喜欢你.mp3"></embed> <embed src"邓紫棋_喜欢你.webm"></embed>说明&#xff1a;embed可以用来插入各种多媒体&#…

计算机实验室场地报告,计算机原理实验室实验报告规范.doc

《计算机原理实验室实验报告规范.doc》由会员分享&#xff0c;提供在线免费全文阅读可下载&#xff0c;此文档格式为doc&#xff0c;更多相关《计算机原理实验室实验报告规范.doc》文档请在天天文库搜索。1、&#xfeff;成绩&#xff1a;  计算机原理实验室实验报告课 程 &a…

快速学习-计算机的进制

计算机的进制 计算机内部的电子元器件只有两种状态&#xff0c;就是通电和断点&#xff0c;用1和0来表示&#xff0c;所以计算机内部只能传输1和0&#xff0c;也就是所谓的二进制。 我们原来学习的是十进制&#xff0c;逢十进一&#xff0c;十进制中有十个数字。我们以此类推…

前端基础-HTML页面中的颜色

网页中的颜色 1.英文单词 color:red 2.rgb三原色 color:rgb(255,0,0) 3.16进制颜色值 其实就是将三原色转换为16进制表示 255----》FF color:#FF0000; 示意图

大型计算机服务器cpu,服务器CPU与电脑CPU的区别_华为服务器_服务器x86服务器-中关村在线...

一般来说服务器级CPU和计算机CPU非常相似&#xff0c;但是服务器级CPU相比于PC还能支持多处理(安装了多个物理CPU)和更大的缓存。在PC上&#xff0c;我们只能安装一个CPU&#xff0c;但是在服务器上&#xff0c;我们却能够使用两个或更多个物理上的CPU。这个方法不需要应用程序…

js学习——1

<!DOCTYPE html><html lang"en"><head> <meta charset"UTF-8"> <title>表格全选</title> <style> table{ border: 1px solid; width: 500px; margin-left: 3…

前端基础-HTML(meta标签)

meta标签 1.编码 示意图 这种情况就是乱码&#xff0c;是因为我们输入的中文&#xff0c;往计算机中保存的时候&#xff0c;最终都要转成2进制的数据形式&#xff0c;也就是说有一个编码的过程&#xff0c;在保存文件的时候默认使用的是ANSI编码格式&#xff0c;浏览器显示文…

js2——定时跳转

<!DOCTYPE html><html lang"en"><head> <meta charset"UTF-8"> <title>自动跳转</title> <style> p{ text-align: center; } span{ color: red; } …