css 怎样控制ul元素list-style-type:disc点的大小 怎样更改css中list-style 里面的图片的大小?

css\u600e\u4e48\u8bbe\u7f6e\u5217\u8868list\u7684\u9884\u8bbe\u6807\u8bb0\u7684\u5927\u5c0f\uff1f

\u53ea\u80fd\u5b9a\u4e49\u5b83\u7684\u5f62\u72b6\uff0c\u4e0d\u80fd\u5b9a\u4e49\u5b83\u7684\u5927\u5c0f\u3002
\u89e3\u51b3\u65b9\u6cd5\uff1a
\u4f60\u7528PS\u5236\u4f5c\u4e00\u4e2a\u4f60\u6240\u5e0c\u671b\u5927\u5c0f\u7684GIF\u65b9\u5f62\u5c0f\u56fe\u7247ICO.GIF
\u518dlist-style-image:url("ICO.GIF");

\u8fd9\u4e2a\u5c5e\u6027\u662f\u5217\u8868\u4e2dli\u7684\u6837\u5f0f\uff0c\u5bf9\u4e8e\u5176\u524d\u9762\u7684\u9879\u76ee\u7b26\u53f7\u7684\u5927\u5c0f\u662f\u6839\u636e\u5176\u5185\u5bb9\u4e00\u822c\u662f\u5b57\u4f53\u7684\u5927\u5c0f\u6765\u5339\u914d\u7684\uff0c\u8be6\u7ec6\u89e3\u91ca\u5982\u4e0b\uff1a
1\u3001\u5b9e\u4f8b\u4e00\uff1a
\u767e\u5ea6\u77e5\u9053\u767e\u5ea6\u77e5\u9053\u767e\u5ea6\u77e5\u9053\u767e\u5ea6\u77e5\u9053\u767e\u5ea6\u77e5\u9053\u767e\u5ea6\u77e5\u9053\u56e0\u4e3a\u6b64\u65f6\u5b57\u4f53\u662f\u9ed8\u8ba4\u5927\u5c0f\uff0c\u5176\u9879\u76ee\u7b26\u53f7\u548c\u5b57\u4f53\u5339\u914d\u5927\u5c0f\uff0c\u5176\u663e\u793a\u7ed3\u679c\u5982\u4e0b\u56fe\uff1a

\u5b9e\u4f8b\u4e8c\uff1a
\u6b64\u65f6\u6211\u4eec\u66f4\u6539\u5b57\u4f53\u5927\u5c0f\uff0c\u5176\u4ee3\u7801\u548c\u663e\u793a\u6548\u679c\u5982\u4e0b\uff1a
li{font-size: 30px;}\u767e\u5ea6\u77e5\u9053\u767e\u5ea6\u77e5\u9053\u767e\u5ea6\u77e5\u9053\u767e\u5ea6\u77e5\u9053\u767e\u5ea6\u77e5\u9053\u767e\u5ea6\u77e5\u9053\u6548\u679c\u5982\u4e0b\uff0c\u9879\u76ee\u7b26\u53f7\u968f\u7740\u5b57\u4f53\u7684\u589e\u5927\u800c\u589e\u5927\uff0c\u5982\u4e0b\u56fe\uff1a

1、打开Dreamweaver软件,新建一个html页面,保存成为html。

2、在body中进行书写,先写div如图,写三个div板块。

3、用css对div进行控制,一种方式是直接使用内联样式,也就是直接在html中的style中进行书写div的css样式。

4、保存,运行,测试效果,在chrome浏览器中打开。

5、新建一个css样式,保存为style.css。在style.css中书写css样式。

6、保存,运行,测试效果,在浏览器打开。



这个是默认的,和li的font-size有关,

可以设置li的font-size,然后在li里面再建标签重新设置font-size,类似

<li style="font-size:20px;"><a style="font-size:10px;"></a></li>

如果你要自己可控大小的圆点,可以使用before伪类自己写css

li:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #000;
    border-radius: 50%;
}

也有其他的办法...



把点切出来,然后已背景的方式放在li 里面.
list-style-type:disc这个属性很不好控制的。。

扩展阅读:css hover 控制其他元素 ... css伪类after ... 视力的s c a 标准范围 ... css设置第一个li元素 ... 验光单上s c a分别指什么 ... 视力s值和c值多少正常 ... css伪元素before ... css伪类和伪元素有哪些 ... css父元素下某一个子元素 ...

本站交流只代表网友个人观点,与本站立场无关
欢迎反馈与建议,请联系电邮
2024© 车视网