精通 CSS+DIV 网页样式与布局 51
2016-12-05 20:07
471 查看
<html>
<head>
<title> 边框 </title>
<style>
<!–
img.test1{
border-style:dotted; /* 点画线 */
border-color:#FF9900; /* 边框颜色 */
border-width:5px; /* 边框粗细 */
}
img.test2{
border-style:dashed; /* 虚线 */
border-color:blue; /* 边框颜色 */
border-width:2px; /* 边框粗细 */
}
–>
</style>
</head>
<body>
<img src=”banana.jpg” class=”test1”>
<img src=”banana.jpg” class=”test2”>
</body>
</html>
<html>
<head>
<title> 图片缩放 </title>
<style>
<!–
img.test1{
width:50%; /* 相对宽度 */
}
–>
</style>
</head>
<body>
<img src=”pear.jpg” class=”test1”>
<head>
<title> 边框 </title>
<style>
<!–
img.test1{
border-style:dotted; /* 点画线 */
border-color:#FF9900; /* 边框颜色 */
border-width:5px; /* 边框粗细 */
}
img.test2{
border-style:dashed; /* 虚线 */
border-color:blue; /* 边框颜色 */
border-width:2px; /* 边框粗细 */
}
–>
</style>
</head>
<body>
<img src=”banana.jpg” class=”test1”>
<img src=”banana.jpg” class=”test2”>
</body>
</html>
<html>
<head>
<title> 图片缩放 </title>
<style>
<!–
img.test1{
width:50%; /* 相对宽度 */
}
–>
</style>
</head>
<body>
<img src=”pear.jpg” class=”test1”>
相关文章推荐
- 精通CSS.DIV网页样式与布局(六)——页面和浏览器元素
- 精通CSS.DIV网页样式与布局(二)
- 精通 CSS+DIV 网页样式与布局 14
- 精通 CSS+DIV 网页样式与布局 16
- 精通 CSS+DIV 网页样式与布局 7
- 精通CSS.DIV网页样式与布局(七)——制作实用菜单
- 精通 CSS+DIV 网页样式与布局 18
- 精通 CSS+DIV 网页样式与布局 1 什么是样式表
- 精通 CSS+DIV 网页样式与布局 21
- 精通 CSS+DIV 网页样式与布局 20
- 精通CSS.DIV网页样式与布局(二)—— 段落
- 精通 CSS+DIV 网页样式与布局 8
- 精通 CSS+DIV 网页样式与布局 15
- 精通 CSS+DIV 网页样式与布局 2 Selector -- 选择符
- 系列文章--精通CSS.DIV网页样式与布局学习
- 精通CSS.DIV网页样式与布局(八)——滤镜的使用
- 精通 CSS+DIV 网页样式与布局 12
- 精通 CSS+DIV 网页样式与布局 4
- 精通CSS.DIV网页样式与布局(一)
- 精通 CSS+DIV 网页样式与布局 13