首页 > 其他 > 详细

间字距、单词距、半透明、影子

时间:2019-08-21 00:34:06      阅读:104      评论:0      收藏:0      [点我收藏+]

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">

div{
/*字间距,一般默认*/
letter-spacing:2 px;
}
p{
/*单词间距对中文无效,只针对英文*/
word-spacing:10px;
}

h2{ /*半透明颜色*/
color: rgba(0,0,0,0.1);
}

h1{

font-size: 100px;
/*text-shadow:水平位置 垂直位置 模糊位置 阴影颜色(前面两个属性必须写,后面两个为默认值) */
text-shadow:10px 11px 3px rgba(0,0,0,0.1)
}
</style>
</head>
<body>
<div>我是熊大</div>
<p>my name is XiongDa</p>
<h2>半透明颜色</h2>
<h1>影子效应</h1>

</body>
</html>

间字距、单词距、半透明、影子

原文:https://www.cnblogs.com/rjl888/p/11386121.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!