css怎么给图片加上下边框


本文摘自PHP中文网,作者V,侵删。

css给图片加上下边框的方法:可以利用border-top属性和border-bottom属性来添加上下边框,如【border-bottom:thick dotted;border-top:thick double;】。

border-bottom 简写属性把下边框的所有属性设置到一个声明中。

(学习视频分享:css视频教程)

  • border-bottom-width 规定下边框的宽度。

  • border-bottom-style 规定下边框的样式。

  • border-bottom-color 规定下边框的颜色。

举例:

1

2

3

4

5

p

  {

  border-style:solid

  border-bottom:thick dotted #ff0000;

  }

border-top 简写属性把上边框的所有属性设置到一个声明中。

  • border-top-width 规定上边框的宽度。

  • border-top-style 规定上边框的样式。

  • border-top-color 规定上边框的颜色。

举例:

1

2

3

4

5

p

{

border-style:solid;

border-top:thick double #ff0000;

}

相关推荐:CSS教程

以上就是css怎么给图片加上下边框的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

详解css行高line-height属性

html5实践-使用css装饰图片画廊的代码分享(一)

css怎么设置字体间隔

值得收藏的26个css面试题,增强你的css基础!

css如何清除默认样式并设置公共样式

css中什么是外部样式表?

什么是css样式层叠表

css中的伪元素有什么作用

css浮动是什么

vue的css动画

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...