<div>标签(css与html写在一起 style type=“text/css”)
2016-02-16 09:39
1006 查看
<div>标签代表块,区域,以下代码是<div>标签的嵌套。
<html>
<head>
<title> 七彩剑殇</title>
<style type="text/css">
.main{width:1400px;
height:800px;
background-image:url(222.jpg);};
.sword{float:left;
width:250px;
height:165px;
background-image:url(3.jpg);};
.role{float:right;
width:550px;
height:327px;
background-image:url(2.jpg);};
};
</style>
</head>
<body>
<div class="main">
<div class="sword">
</div>
<div class="role">
</div>
</div>
</body>
</html>
以上代码的效果图如下(图片自己可以改动下载)
<html>
<head>
<title> 七彩剑殇</title>
<style type="text/css">
.main{width:1400px;
height:800px;
background-image:url(222.jpg);};
.sword{float:left;
width:250px;
height:165px;
background-image:url(3.jpg);};
.role{float:right;
width:550px;
height:327px;
background-image:url(2.jpg);};
};
</style>
</head>
<body>
<div class="main">
<div class="sword">
</div>
<div class="role">
</div>
</div>
</body>
</html>
以上代码的效果图如下(图片自己可以改动下载)
相关文章推荐
- DevExpress自学笔记—整体修改窗体及控件的皮肤样式2
- Emmet:HTML/CSS代码快速编写神器
- HTML+CSS代码橙色导航菜单
- css3 box-sizing属性
- HTML静态网页---样式属性
- HTML--CSS样式表--基本概念(超链接的状态)
- css之table布局的优缺点
- [转] 常用的CSS命名规则
- CSS3 Transform——transform-origin
- CSS3 3D Transform
- CSS 总结
- [Codecademy] HTML&CSS 第三课:HTML Basic II
- CSS“隐藏”元素的几种方法的对比
- CSS3动画(动画已丢,看原文)
- CSS 会被继承的属性
- css介绍
- DevExpress自学笔记—整体修改窗体及控件的皮肤样式1
- CSS 颜色代码大全
- CSS实现单行、多行文本溢出显示省略号(…)
- css实现柱状图