很多站长朋友们都不太清楚html中怎么描边，今天小编就来给大家整理html中怎么描边，希望对各位有所帮助，具体内容如下：
本文目录一览： 1、 在html里怎么给图片加边框粗细颜色大小怎么写 2、 怎么给html+css布局的模块描边 3、 html 里控制搜索框的长短和描边问题， 4、 能否在html实现文字描边效果?求代码。最好兼容各大浏览器的。 5、 html怎么给文字加边框 在html里怎么给图片加边框粗细颜色大小怎么写1、在代码工具中，先建好几个图片，如图这里的img图片被div盒子包含；将盒子设置宽度，浮动图片填充整个盒子大小。
2、效果就是这样的，此时并没有添加上那边框。
3、添加图片的描边效果有两种方法，对图片添加描边或者是给外面的盒子套个描边，先看给图片添加描边，根据如图代码就是直接在img图片标签里添加上描边border。
4、如图添加了描边后的图片效果。
5、想要改变图片的描边大小以及颜色，根据图示代码在这里修改。
6、然后如果是在div盒子添加描边效果时，和跟在img上添加方法一样，也是border属性。
7、两种方法都能够成功，如图为border属性添加边框效果。
怎么给html+css布局的模块描边用border样式
border:1px solid #000;
这是一次性给四条边都加上边框的样式，后面三个属性分别是边框宽度、边框样式（solid是直线，dotted是点线，dashed是虚线）、和边框颜色
每条边单独添加分别用border-top、border-right、border-bottom、botder-left，代表上、右、下、左
html 里控制搜索框的长短和描边问题，<INPUT border="1px solid #cccccc"width="50" TYPE=TEXT /> 这 写的 不对
正确的：
<INPUT style=" border:1px solid #cccccc width:50px " TYPE=TEXT />
能否在html实现文字描边效果?求代码。最好兼容各大浏览器的。<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div class="test">文字描边</div>
<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怎么给文字加边框给你的 文字 块化 然后加边框样式！~
例子<a>文字</a>
css样式如下
a{ display:block; width:宽度你自己定义; height:高度你自己定义; border:1px soild #ccc;}
OK 了
关于html中怎么描边的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。
查看更多关于html中怎么描边 html文字描边的详细内容...