html5--6-44信纸设计

实例

 1 <!doctype html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>无标题文档</title>
 6 <link rel="stylesheet" type="text/css" href="style.css">
 7 </head>
 8
 9 <body>
10     <div>
11         <br><br>
12         <p>本案例将使用多重背景的方法实现一个信纸的效果本案例将使用多重背景的方法实现一个信纸的效果本案例将使用多重背景的方法实现一个信纸的效果本案例将使用多重背景的方法实现一个信纸的效果本案例将使用多重背景的方法实现一个信纸的效果本案例将使用多重背景的方法实现一个信纸的效果本案例将使用多重背景的方法实现一个信纸的效果</p>
13     </div>
14 </body>
15 </html>

 1 @charset "utf-8";
 2 /* CSS Document */
 3 div{
 4     width: 600px;
 5     height: 800px;
 6     padding: 40px;
 7     font-size: 12px;
 8     line-height: 25px;
 9     border: 20px ridge rgba(200,60,30,0.6);
10
11     background-image: url(res/sc16.png),
12         url(res/sc17.png),url(res/sc5.png), url(res/sc18.png);
13     background-repeat: no-repeat,no-repeat,repeat,repeat;
14     background-size: 25%,25%,auto 100px,15%;
15     background-position: left top,right bottom,left top,left top;
16     background-clip: border-box,border-box,content-box,border-box;
17     background-origin: border-box,border-box,content-box,border-box;
18 }
19
20 p{
21     padding: 0;
22     margin: 0;
23     text-indent: 2em;
24 }

View Code

html5--6-44信纸设计相关推荐

java计算机毕业设计HTML5“守护萌宠”网站设计与实现MyBatis+系统+LW文档+源码+调试部署
java计算机毕业设计HTML5"守护萌宠"网站设计与实现MyBatis+系统+LW文档+源码+调试部署 java计算机毕业设计HTML5"守护萌宠"网站设计与 ...
JAVA毕业设计HTML5“守护萌宠”网站设计与实现计算机源码+lw文档+系统+调试部署+数据库
JAVA毕业设计HTML5"守护萌宠"网站设计与实现计算机源码+lw文档+系统+调试部署+数据库 JAVA毕业设计HTML5"守护萌宠"网站设计与实现计算机源码 ...
java计算机毕业设计HTML5“守护萌宠”网站设计与实现源码+mysql数据库+系统+lw文档+部署
java计算机毕业设计HTML5"守护萌宠"网站设计与实现源码+mysql数据库+系统+lw文档+部署 java计算机毕业设计HTML5"守护萌宠"网站设计与实 ...
java计算机毕业设计HTML5互动游戏新闻网站设计与实现源码+mysql数据库+系统+lw文档+部署
java计算机毕业设计HTML5互动游戏新闻网站设计与实现源码+mysql数据库+系统+lw文档+部署 java计算机毕业设计HTML5互动游戏新闻网站设计与实现源码+mysql数据库+系统+lw文档 ...
java计算机毕业设计HTML5互动游戏新闻网站设计与实现MyBatis+系统+LW文档+源码+调试部署
java计算机毕业设计HTML5互动游戏新闻网站设计与实现MyBatis+系统+LW文档+源码+调试部署 java计算机毕业设计HTML5互动游戏新闻网站设计与实现MyBatis+系统+LW文档+源码 ...
HTML5 网站大观：12个优秀的 HTML5 黑色风格网站设计
本期 HTML5 网站大观向大家分享12个精美的 HTML5 黑色风格网站设计作品欣赏.作为下一代网页语言,HTML5 加入众多的语义化标签,例如 video.audio.section.articl ...
信息系html5论文,基于HTML5的智力游戏设计电子信息工程本科学生毕业论文.doc
基于HTML5的智力游戏设计电子信息工程本科学生毕业论文本科学生毕业论文(设计) 题目(中文):基于HTML5的智力游戏设计 (英文):Design of Intelligent Game Base ...
传智书城首页设计代码_(自适应手机版)响应式创意餐饮酒店装饰设计类网站织梦模板 html5蓝色餐饮酒店设计网站源码下载...
模板名称:(自适应手机版)响应式创意餐饮酒店装饰设计类网站织梦模板 html5蓝色餐饮酒店设计网站源码下载本套织梦模板采用织梦最新内核开发的模板,这款模板使用范围广,不仅仅局限于一类型的企业,创意设 ...
织梦dede模板|HTML5建材陶瓷装修设计网站织梦dede模板源码[自适应手机版]
织梦dede模板|HTML5建材陶瓷装修设计网站织梦dede模板源码[自适应手机版] 下载地址: http://www.bytepan.com/92dZgmVlywY
基于HTML5的机器猫在线商城设计与实现
摘要近年来,互联网成为人们快速获取,发布和传递信息的重要渠道.因此网站建设在因特网应用上的地位显而易见.而大学校园里的所有人像是一个集体,但又有着不太多的交集,在这个'互联网+'的时代,校园网站 ...

html5--6-44信纸设计

html5--6-44信纸设计

实例

html5--6-44信纸设计相关推荐

最新文章

热门文章