HTML5网页设计基础—

案例：

图片资源：

参考代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head><style>*{margin:0 ;padding: 0;}.wai{margin:50px auto;width: 700px;height: 350px;border:1px solid;border-image:url("../1.jpg") 20%/40px;padding: 40px 20px;background-image: linear-gradient(90deg,#3d7ea5 50%,#ce4b4b 50%);box-shadow: #999 5px 5px 4px 4px;}.nei{width: 100%;height: 100%;background:url("../zuqiu.png") no-repeat center;opacity: 0.5;}</style>
<body><div class="wai"><div class="nei"></div></div></body>
</html>

HTML5网页设计基础——创意画框相关推荐

HTML5 网页设计基础
一.html介绍 1.什么是html5,html5可以做什么? (1).概念:HTML 语言是一种文本类,依靠解释的方式执行的超文本标记语言,它是Lnternet上用于编写网页的主要语言.用于HTML ...
HTML5网页设计基础——搜索页面
案例: 案例分析:该题用到的文字样式有文字颜色,下划线不懂得同学可以点下面链接学习文字样式属性 https://blog.csdn.net/shengming_tutou/article/detail ...
HTML5网页设计基础——用户注册界面
案例: 代码: <!doctype html> <html> <head> <meta charset="utf-8"> <t ...
HTML5网页设计基础——精美电商悬浮窗
案例: 图片资源: 参考代码: <!doctype html> <html> <head> <meta charset="utf-8"&g ...
HTML5网页设计基础——音乐盒的制作
案例: 图片资源: 参考代码: <!doctype html> <html> <head> <meta charset="utf-8"&g ...
HTML5网页设计基础——美食专题栏目
案例: 图片资源: 参考代码:如下 <!doctype html> <html> <head><style>img{margin:20px/*设置图片的 ...
HTML5网页设计基础——用户中心
案例: 图片资源: 参考代码: <!doctype html> <html> <head> <meta charset="utf-8"&g ...
HTML5网页设计基础——咖啡banner
案例: 图片资源: <-------这里有图参考代码: <!doctype html> <html> <head> <meta charse ...
HTML5网页设计基础——图文混排升级版
案例: 代码: <!doctype html> <html> <head> <meta charset="utf-8"> <t ...

HTML5网页设计基础——创意画框

案例：

图片资源：

参考代码：

HTML5网页设计基础——创意画框相关推荐

最新文章

热门文章