css怎么在图片外加边框，css给图片边框设置为实线

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

求CSS大神,图中这个边框怎么做出来

这里图像的中间部分被拉伸以创建边界。这里原始的图片如下：将此图像按照要求指定为元素周围的边框，效果如下：border-image属性可以允许你将图片或CSS渐变形状作为一个元素的边框。

首先打开sublime text编辑器，新建一个html文件，里面写入一个p标签：然后设置p标签的样式，这里先设置一个边框，然后设置圆角边框，主要使用CSS3属性border-radius属性定义圆角效果。

首先我们先看一下四边都为虚线边框的DIV。

首先根据实现图片的大小制作一个圆角边框。打开PS，新建一空白文档，文档的大小根据需要情况来定，在此小编将其设置为400*400，设置完成后点击”好“按钮。

Q1: CSS不能直接给图片加边框和一些样式吗.就是一张IMG图片.

1、可以看到所有边框都是黑色，而且风格非常单一，都是实线，仅仅是边框的粗细可以进行调整。CSS设置图片的边框在Dreamweaver中通过语法提示，可以轻松地获得各种边框样式的值。

2、如何使用CSS给图片添加双边框效果：给图片添加双边框也在实际使用中也有许多应用，可能并不频繁，在这里简单介绍一下如何实现此种效果，借以对CSS一些属性的应用加以熟练。

3、实现该效果的方法很多，在此小编就从网页设计者的角度出发，来探讨一下利用CSS为图片添加精美圆角外边框的方法。需要特别提醒一点的是，网页设计应该具有更多的可扩展性和可重用性为最佳，下面设计的方法将会更能体现这一点。

4、解决办法你可以单独写一个calss来定义样式。.img_boder{ border：1px solid #fc6；} .img_boder a：hover{ border：1px solid #f00；} 你再试试。看一下伪类和伪类选择符号你能更好的明白这个原理。

5、不知道你div结构，你应该把div贴出来，才能帮你改。如果说设置图片边框填充的话，很简单。举个例子：.img {width：160px； height：120px； padding：5px； margin：0； border：1px solid #ccc；} 这个是设置填充了的。

Q2: css3如何将图像设置为元素周围的边框

这里原始的图片如下：将此图像按照要求指定为元素周围的边框，效果如下：border-image属性可以允许你将图片或CSS渐变形状作为一个元素的边框。

如何为通过css为图片设置一个边框呢，HTML中是通过标记的border属性值，给图片添加边框的，css中是通过border属性，为图片设置各式各样的边框样式，border-style定义边框的样式，如虚线、实线或点划线等等。

css3 outline为div元素添加轮廓线有时为了样式的更加美观，可适当的为div添加轮廓线。可通过outline属性来实现。outline 包含以下几个属性值；outline-width：轮廓线的粗细。

Q3: 如何使用CSS给图片添加双边框效果_html/css_WEB-ITnose

先看一段代码实例：蚂蚁部落img{ border：5px solid #696； padding：5px； background-color：#CCC；} 以上代码通过为设定标签的边框和内边距来实现此效果。

如何为通过css为图片设置一个边框呢，HTML中是通过img标记的border属性值，给图片添加边框的，css中是通过border属性，为图片设置各式各样的边框样式，border-style定义边框的样式，如虚线、实线或点划线等等。

通过使用带有一些padding之的背景图来添加阴影效果。

CSS如何实现当鼠标放在图片上时改变边框：建议：尽可能的手写代码，可以有效的提高学习效率和深度。很多网页都有这样的效果，当鼠标放在图片链接上的时候，图片的边框会发生变化。下面就简单介绍一下如何实现此种效果。

Q4: 怎样用css写出圆形边框

html文本框圆角边框css样式可以通过改变border-radius属性的值进行添加。border-radius值的单位可以使用“px”，也可以使用“%”，单位不同效果也不同。

CSS3圆角只需设置一个属性：border-radius(含义是边框半径)。你为这个属性提供一个值，就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用：em、ex、pt、px、百分比等等。

Q5: css怎样大边框里面再加个小边框

打开html开发工具，新建一个html代码页面，然后创建一个标签，并给这个标签添加文字和一个class为了solid。创建代码：solid：定义一个边框设置线条边框。创建标签，然后在这个标签里设置solid类的样式为实线边框。

可以通过设置一下边框宽度来解决不能重合的问题。

新建一个html文件，创建一个类名为wrap的div。先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。

#about { width： 727px； }改为：#about { width： 728px； }即可，因为里面两个DIV加上边距超过了这个长度，所以显示不正确，修改里面那两个DIV长度也可以。

css怎么在图片外加边框的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css给图片边框设置为实线、css怎么在图片外加边框的信息别忘了在本站进行查找喔。