css边框样式(css做一个炫酷的边框)

  我们学习如何应用CSS给元素添加边框。

image.png

  CSS边框属性,允许我们指定一个元素边框的样式、宽度和颜色。

  我们先来学习元素边框的样式。border-style 属性指定了要显示什么样的边框。允许使用以下的值:

  dotted,定义一个点状的边框

  dashed ,定义一个虚线边框

  solid,定义一个实线边框

  double,定义一个双倍的边框

  none,定义无边框

  hidden,定义一个隐藏的边框

  我们来实验一下。

  1.我们新建一个html网页文件,把他命名为test.html,接下来我们用test.html文件来讲解css如何设置圆角边框。

  2.在test.html文件内,要使用div标签创建一行文字,并且把文字内容写上“css如何设置圆角边框”。

  3.给div标签加上一个样式,设置div标签的class属性为mybkkd。

  4.编写css样式标签。

  5.在浏览器浏览一下test.html,来看看效果能否实现。


发表评论

评论列表

还没有评论,快来说点什么吧~