CSS艺术字

一、使用canvas自己画

1. 脚本部分

  <script type="text/javascript">
function drawText() {
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.font = "35px 微软雅黑";
ctx.strokeText("VVHi",50,50);
}
</script>

2. 页面引用部分

<body onload="drawText();">
<div>
<canvas id="canvas" width="200" height="100"></canvas>
</div>
</body>

二、CSS方式

1. css部分

  <style type="text/css">
.logo-self {
font-size: 40px;
text-shadow: 5px 5px 5px black, 0px 0px 2px black;
color: white;
}
</style>

2. 页面引用部分

<div class="logo-self">HTML5</div>
上一篇:deepin系统进入单人模式


下一篇:MT【282】一道几何题