码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-08-21 00:24:35      阅读:86      评论:0      收藏:0      [点我收藏+]

标签:text   body   doc   doctype   透明   半透明   颜色   head   rgba   

<!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>

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

标签:text   body   doc   doctype   透明   半透明   颜色   head   rgba   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!