CSS（六）——用CSS设置图像效果

最新推荐文章于 2023-09-20 08:53:45 发布

程序员的时光

最新推荐文章于 2023-09-20 08:53:45 发布

阅读量615

点赞数

分类专栏： ● Web前端基础篇 Web前端基础文章标签： CSS 图像效果

本文链接：https://blog.csdn.net/qq_37084904/article/details/88393955

版权

Web前端基础同时被 2 个专栏收录

14 篇文章 11 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

● Web前端基础篇

33 篇文章 3 订阅

订阅专栏

本文介绍了如何使用CSS来设置图像效果，包括图像边框、图片大小调整、图文混排及图片与文字的对齐方式。边框样式示例、图片大小百分比设置以及图文对齐的展示帮助理解各种技巧。

摘要由CSDN通过智能技术生成

1.设置图像边框

下面给出四种图像边框的样式：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
	.c1{
		border-width: 5px;
		border-color: red;
		border-style: solid;
	}
	.c2{
		/* 虚线边框 */
		border: 5px red dashed;
	}
	.c3{
		/* 点画线边框 */
		border: 5px red dotted;
	}
	.c4{
		border-top: 5px red dotted;
		border-left: 5px blue solid;
		border-bottom: 5px red dashed;
		border-right: 5px blue solid;
	}
</style>
</head>
<body>
<h1>实线边框</h1>
<img src="fj1.jpg" class="c1"/>
<h1>虚线边框</h1>
&l

了解本专栏

超级会员免费看

程序员的时光

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
CSS（六）——用CSS设置图像效果

目录1.设置图像边框2.设置图片大小3.图文混排4.设置图片与文字的对齐方式1.设置图像边框下面给出四种图像边框的样式：&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;title&gt;Insert title here&lt;/title&gt;&
复制链接

扫一扫

专栏目录