css凹凸文字简单设置
来源:互联网 发布:图像高斯滤波算法编程 编辑:程序博客网 时间:2024/05/17 18:03
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>
body {
background-color: #ccc;
}
div{
color: #ccc;
font: 700 80px "微软雅黑";
}
div:first-child {
text-shadow: 1px 1px 1px #000,-1px -1px 1px #fff; /*凸*/
}
div:nth-child(2) {
text-shadow: -1px -1px 1px #000,-1px -1px 1px #fff; /* 凹*/
}
</style>
</head>
<body>
<div>我是凸起的文字</div>
<div>我是凹下的文字</div>
</body>
</html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>
body {
background-color: #ccc;
}
div{
color: #ccc;
font: 700 80px "微软雅黑";
}
div:first-child {
text-shadow: 1px 1px 1px #000,-1px -1px 1px #fff; /*凸*/
}
div:nth-child(2) {
text-shadow: -1px -1px 1px #000,-1px -1px 1px #fff; /* 凹*/
}
</style>
</head>
<body>
<div>我是凸起的文字</div>
<div>我是凹下的文字</div>
</body>
</html>
阅读全文
0 0
- css凹凸文字简单设置
- 凹凸文字
- css设置文字斜体
- CSS设置文字字体
- CSS设置文字颜色
- CSS设置文字粗细
- CSS设置文字斜体
- css-文字设置
- CSS设置文字的划线
- CSS设置文字垂直显示
- 文字居中的几种CSS简单的样式设置方法
- CSS 简单设置
- CSS文本简单设置
- 《凹凸》
- 凹凸
- 凹凸
- 凹凸
- css 设置input的文字居中
- Mac OS OpenCV安装及终端和Xcode的使用
- Bootstrap(一)
- QT 快捷键整理
- NOIP2017普及组考前问题总结
- 【CTF 攻略】如何绕过四个字符限制getshell
- css凹凸文字简单设置
- 单硬盘gpt+uefi安装win10和Ubuntu
- idea使用杂记(一)
- Activity实现上下左右滑动监听onTouchEvent()方法
- 不可变对象(Immutable Objects)in Java
- PHP连接mysqli
- Spark技术在京东智能供应链预测的应用
- NOIP普及组考前总结(要取一个严肃点的名字(・-・*))
- Linux——实现网站发布服务器