怎么给html+css布局的模块描边_随笔

用border样式

border:1px solid #000

这是一次性给四条边都加上边框的样式，后面三个属性分别是边框宽度、边框样式（solid是直线，dotted是点线，dashed是虚线）、和边框颜色

每条边单独添加分别用border-top、border-right、border-bottom、botder-left，代表上、右、下、左

哎，我好像回答过你的问题。

单纯用HTML时用border属性定义，<img border="1" width="" height="" alt="名称" src="路径" />

如果用CSS的话能做得更丰富 img{ border:1px solic #fff} solid是边框样式，还有dotted dashed等样式。

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<style>

.test{

color: orange

font-size: 50px

text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0

-webkit-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0

-moz-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0

}

</style>

</body>

</html>

不兼容IE10以下版本，其它各大浏览器没问题。

欢迎分享，转载请注明来源：内存溢出

怎么给html+css布局的模块描边