给图片加边框css 给图片加边框的方法

本文目录一览：

• 1、如何使用Css实现圆角边框的效果
• 2、css如何加边框
• 3、CSS不能直接给图片加边框和一些样式吗.就是一张IMG图片.

如何使用Css实现圆角边框的效果

1、设置圆角边框的步骤相对简单。首先，确保你的div元素有一个明确的class或id，然后在CSS样式表中为这个元素指定border-radius属性。

2、代码很简单，a层为放置内容的层，其width值为300，然后向外以2像素的宽度递减，用一个像素来控制圆角。最外一层要加上background为个属性，目的是要将上、下两线条呈现出来。 这里实现了3像素的圆角边框，b层的数量决定了要实现多少个像素边框。

3、html边框圆角化可以用css中的“border-radius”属性来实现。

css如何加边框

1、css可以通过border属性给文字加边框。border 简写属性在一个声明设置所有的边框属性。可以按顺序设置如下属性：border-widthborder-styleborder-color 属性值：border-width 规定边框的宽度。border-style 规定边框的样式。border-color 规定边框的颜色。inherit 规定应该从父元素继承 border 属性的设置。

2、inherit：边框样式为应该从父元素继承边框样式。

3、设置表格边框线的基本样式 你可以通过CSS的`border`属性来设置表格边框线的样式。例如，你可以使用`border-style`属性来设置边框线的类型，使用`border-width`来设置边框线的宽度，以及使用`border-color`来设置边框线的颜色。

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

．首先，看一下HTML，一个img图像控件和一个带有样式的div，其中包含文本。这个就是蒙版遮罩层。2．然后，查看样式定义。先检查图像容器和图像样式，如图所示。其中要注意的是img_container样式里定义了position：relative，这个主要是为了遮罩层做绝对定位做准备的。3．接着，查看遮罩层的样式定义。

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

这个不难的，就是在hover状态下更换了边框的颜色而已。在css里给图片加一个白色背景色，并设置padding，这样图片周围就有了白色背景了。

height：100px； //这里的宽度和高度对全局图片都生效，建议不采用。border：1px solid #cccccc//设置图片为灰色的一像素的边框。border：none； //不显示图片边框。在图片是个链接时有用。float：left/right； //控制图片的浮动方式。