4-2.html

来自「一些css样式表的例子供大家学习和参考。」· HTML 代码 · 共 26 行

HTML
26
字号
<html>
<head>
<title>分别设置4边框</title>
<style>
<!--
img{
	border-left-style:dotted;	/* 左点画线 */
	border-left-color:#FF9900;	/* 左边框颜色 */
	border-left-width:5px;		/* 左边框粗细 */
	border-right-style:dashed;
	border-right-color:#33CC33;
	border-right-width:2px;
	border-top-style:solid;		/* 上实线 */
	border-top-color:#CC00FF;	/* 上边框颜色 */
	border-top-width:10px;		/* 上边框粗细 */
	border-bottom-style:groove;
	border-bottom-color:#666666;
	border-bottom-width:15px;
}
-->
</style>
   </head>
<body>
	<img src="grape.jpg">
</body>
</html>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?