从bluePrint上截取的定义执行结果DIV(成功、失败、警告)的css.

  • Post author:
  • Post category:其他



1


///从buleprint上截取的一段执行结果的div,应该都能用得到。



2


.error, .notice, .success


{



padding


:


.8em


;


margin-bottom


:


1em


;


border


:


2px solid #ddd


;


}





3


.error


{



background


:


#FBE3E4


;


color


:


#8a1f11


;


border-color


:


#FBC2C4


;


}





4


.notice


{



background


:


#FFF6BF


;


color


:


#514721


;


border-color


:


#FFD324


;


}





5


.success


{



background


:


#E6EFC2


;


color


:


#264409


;


border-color


:


#C6D880


;


}





6


.error a


{



color


:


#8a1f11


;


}





7


.notice a


{



color


:


#514721


;


}





8


.success a


{



color


:


#264409


;


}

ContractedBlock.gif
ExpandedBlockStart.gif

Code






<


div


class


=”error”


>



This is a


&lt;


div


&gt;


with the class


<


strong


>


.error


</


strong


>


.


<


a


href


=”#”


>


Link


</


a


>


.



</


div


>





<


div


class


=”notice”


>



This is a


&lt;


div


&gt;


with the class


<


strong


>


.notice


</


strong


>


.


<


a


href


=”#”


>


Link


</


a


>


.



</


div


>





<


div


class


=”success”


>



This is a


&lt;


div


&gt;


with the class


<


strong


>


.success


</


strong


>


.


<


a


href


=”#”


>


Link


</


a


>


.



</


div


>

呈现效果自己测试的。

转载于:https://www.cnblogs.com/ifxnet/archive/2009/11/26/1611579.html