如何使用CSS3中的属性选择器设置超链接样式

 时间:2024-10-02 03:35:10

在CSS3中有一类选择器---属性选择器,可以根据属性、属性等于值、属性不等于值、杨钭维程属性以什么开头、属性以什么结尾和属性包含什么。下面利用实例说明属性选择器的用法,操作如下:

如何使用CSS3中的属性选择器设置超链接样式

工具/原料

CSS3

HTML5

HBuilderX

浏览器

截图工具

方法/步骤

1、第一步,在已打开HBuilderX工具中新建页面,并在页面中插入div和多个超链接a,如下图所示:

如何使用CSS3中的属性选择器设置超链接样式

如何使用CSS3中的属性选择器设置超链接样式

2、第二步,利用第一个div标签类选择器,设置元素的样式,如宽度、边框、内外间距,如下图所示:

如何使用CSS3中的属性选择器设置超链接样式

3、第三步,保存代码并打开浏览器预览页面效果,可以发现几个字母依次排列,如下图所示:

如何使用CSS3中的属性选择器设置超链接样式

4、第四步,再使用类选择器和元素选择器,设置宽度、高度、行高、背景色等,如下图所示:

如何使用CSS3中的属性选择器设置超链接样式

5、第五步,再次保存代码并预览页面效果,可以发现九个格子的块,如下图所示:

如何使用CSS3中的属性选择器设置超链接样式

6、第六步,如果想要设置中心位置的元素样式,可以使用class等于commonmiddle,如下图所示:

如何使用CSS3中的属性选择器设置超链接样式

html站点如何设置 HTML中如何调节一个角的角度代码 用记事本编写简单html网页入门:[2]列表 怎么用css选择ul里最后一个li里面的a元素 css如何只设置一个html元素的上下边框
热门搜索
中国校服图片 六一图片 网络游戏图片 悲伤图片大全 迅捷图片格式转换器