DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 網頁特效代碼 >> 使用CSS3為DIV加上絲帶
使用CSS3為DIV加上絲帶
編輯:網頁特效代碼     
查看效果:http://hovertree.com/texiao/css3/23/

代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS3絲帶效果,為Div加上絲帶 - 何問起</title>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="http://hovertree.com/texiao/css3/23/css/normalize.css" />
<link rel="stylesheet" type="text/css" href="http://hovertree.com/texiao/css3/23/css/htsidai.css">
<style>.httarget{position:relative;width:500px;height:400px;background-color:#eee;margin:10px auto;}
.htcontent{position:absolute;}/*ht表示HoverTree*/
</style>
</head>
<body>
<div class="httarget">
<div class="htribbon"><div class="htwrap"><span class="htribbon6">何問起絲帶6</span></div></div>
<div class="htcontent">
這裡是內容。<br />
<img src="http://hovertree.com/hvtimg/bjafjc/x9no22dl_l.jpg" />
<br />何問起CSS3絲帶效果,為DIV加上絲帶。
</div>
</div>
</body>
</html>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved