曲径通幽论坛

 找回密码
 立即注册
搜索
查看: 3488|回复: 0
打印 上一主题 下一主题

[CSS] 一个属性可以用多个值来描述

[复制链接]

4918

主题

5880

帖子

3万

积分

GROAD

曲径通幽,安觅芳踪。

Rank: 6Rank: 6

积分
34395
跳转到指定楼层
楼主
发表于 2015-12-21 02:01:29 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
在 CSS 中一个便利之处就是一个属性可以用多个值来描述,且这几个值之间用空格隔开,比如给一段文字添加一个 4px 粗且为橙色的实现边框,可以写成 border:solid 4px #F60;  。如下代码所演示:
  1.         <p style="text-align: justify; text-justify:distribute-all-lines;  width:200px; border:solid 4px #F60">
  2. 新浪体育讯  
  3. 在击败阿根廷河床后,巴萨拿到了世俱杯的冠军,这也是巴萨本年度拿到的第五个冠军奖杯,今年的巴萨足够伟大,球队先后战胜过英超、法甲、德甲和意甲冠军,此外还战胜了欧洲联赛杯冠军、亚洲冠军和美洲冠军,堪称世界足坛的王中王,然而和2009年瓜迪奥拉的“梦三”相比,巴萨仍有遗憾,那就是未能拿下西班牙超级杯冠军,在冠军数量上比瓜迪奥拉的六冠王少一冠。
  4.         </p>
复制代码

显示效果为:



当然,如果想更详细的表达,可以单独将 border 的属性逐个完整的书写出来,比如 border-style 边框样式; border-width 边框宽度; border-color 边框颜色。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|曲径通幽 ( 琼ICP备11001422号-1|公安备案:46900502000207 )

GMT+8, 2025-5-4 10:32 , Processed in 0.066500 second(s), 23 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表