使用CSS美化图片、文本框和按钮

最新推荐文章于 2024-05-16 13:41:41 发布

小贾爱编程

最新推荐文章于 2024-05-16 13:41:41 发布

阅读量1k

点赞数 1

分类专栏： .NET 文章标签：使用CSS美化图片 CSS基础

本文链接：https://blog.csdn.net/qq_37589387/article/details/88699450

版权

本文介绍了如何利用CSS来美化图片，包括设置图片的边框样式如实线、虚线、点划线，调整边框颜色和宽度，以及控制图片的宽度和高度。同时，还探讨了如何通过CSS来定制文本框和按钮的样式。

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

常用的图片样式属性：

border-style图片边框样式：实线solid、虚线dashed、点划线doted.border-color图片边框颜色。border-width图片边框粗细、width控制图片宽度、height控制图片高度。

特别说明：border-width、border-style、border-color可以一起使用。例如border：1px solid blue;

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			img{border:5px solid blue;width:200px;height:120px;}
		</style>
	</head>
	<body>
		<img src="img/xujinglei.jpg" />
	</body>
</html>

设置文本框样式：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.myinput1
			{
				border:1px solid #000000;
				border-radius:2px;
				background-color:#FFDAB9;
				font-

最低0.47元/天解锁文章

小贾爱编程

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
使用CSS美化图片、文本框和按钮

常用的图片样式属性：border-style图片边框样式：实线solid、虚线dashed、点划线doted.border-color图片边框颜色。border-width图片边框粗细、width控制图片宽度、height控制图片高度。特别说明：border-width、border-style、border-color可以一起使用。例如border：1px solid blue;&...
复制链接

扫一扫

专栏目录